.elementor-10514 .elementor-element.elementor-element-39c4fab{--display:flex;}.elementor-10514 .elementor-element.elementor-element-26a3d67 .elementor-toc__header-title{text-align:start;}.elementor-10514 .elementor-element.elementor-element-26a3d67{--header-color:#000000;--item-text-color:#010000;--item-text-hover-color:var( --e-global-color-primary );--item-text-hover-decoration:underline;--item-text-active-color:var( --e-global-color-primary );}.elementor-10514 .elementor-element.elementor-element-26a3d67 .elementor-toc__header{flex-direction:row;}.elementor-10514 .elementor-element.elementor-element-e270a23{--display:flex;}.elementor-10514 .elementor-element.elementor-element-449a520{--display:flex;}.elementor-10514 .elementor-element.elementor-element-6f4965c{--display:flex;}.elementor-10514 .elementor-element.elementor-element-6f4965c:not(.elementor-motion-effects-element-type-background), .elementor-10514 .elementor-element.elementor-element-6f4965c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://europeanrelations.com/wp-content/uploads/2025/09/dominik-luckmann-SInhLTQouEk-unsplash-scaled.jpg");background-position:center center;background-size:cover;}.elementor-10514 .elementor-element.elementor-element-79d6046{width:initial;max-width:initial;text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;text-shadow:0px 0px 16px #FFFFFF;color:#000000;}.elementor-10514 .elementor-element.elementor-element-79d6046 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-10514 .elementor-element.elementor-element-79d6046.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10514 .elementor-element.elementor-element-c0cf288 > .elementor-widget-container{background-color:transparent;margin:-14px 0px -20px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(120deg, #02010100 0%, #C7C7C7AD 100%);}.elementor-10514 .elementor-element.elementor-element-c0cf288{text-align:end;font-family:"Roboto", Sans-serif;font-size:10px;font-weight:400;color:#000000;}.elementor-10514 .elementor-element.elementor-element-fbedb51{--display:flex;}.elementor-10514 .elementor-element.elementor-element-6aeeca2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-10514 .elementor-element.elementor-element-bd6ae4a .elementor-icon-wrapper{text-align:center;}.elementor-10514 .elementor-element.elementor-element-bd6ae4a .elementor-icon{font-size:17px;}.elementor-10514 .elementor-element.elementor-element-bd6ae4a .elementor-icon svg{height:17px;}.elementor-10514 .elementor-element.elementor-element-52627d0 .elementor-icon-wrapper{text-align:center;}.elementor-10514 .elementor-element.elementor-element-52627d0 .elementor-icon{font-size:17px;}.elementor-10514 .elementor-element.elementor-element-52627d0 .elementor-icon svg{height:17px;}.elementor-10514 .elementor-element.elementor-element-908250f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10514 .elementor-element.elementor-element-d1d8282{--grid-columns:1;}.elementor-10514 .elementor-element.elementor-element-f085f6a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10514 .elementor-element.elementor-element-ccc2cac{--display:flex;}.elementor-10514 .elementor-element.elementor-element-ccc2cac:not(.elementor-motion-effects-element-type-background), .elementor-10514 .elementor-element.elementor-element-ccc2cac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://europeanrelations.com/wp-content/uploads/2025/11/thomas-lohmann-UDYYONqLPvw-unsplash-scaled.jpg");background-position:center center;background-size:cover;}.elementor-10514 .elementor-element.elementor-element-c56784c{width:initial;max-width:initial;text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;text-shadow:0px 0px 16px #FFFFFF;color:#000000;}.elementor-10514 .elementor-element.elementor-element-c56784c > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-10514 .elementor-element.elementor-element-c56784c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10514 .elementor-element.elementor-element-106085a > .elementor-widget-container{background-color:transparent;margin:-14px 0px -20px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(120deg, #02010100 0%, #C7C7C7AD 100%);}.elementor-10514 .elementor-element.elementor-element-106085a{text-align:end;font-family:"Roboto", Sans-serif;font-size:10px;font-weight:400;color:#000000;}.elementor-10514 .elementor-element.elementor-element-27c4289{--display:flex;}.elementor-10514 .elementor-element.elementor-element-5a18cff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-10514 .elementor-element.elementor-element-7b21060 .elementor-icon-wrapper{text-align:center;}.elementor-10514 .elementor-element.elementor-element-7b21060 .elementor-icon{font-size:17px;}.elementor-10514 .elementor-element.elementor-element-7b21060 .elementor-icon svg{height:17px;}.elementor-10514 .elementor-element.elementor-element-0fe7f45 .elementor-icon-wrapper{text-align:center;}.elementor-10514 .elementor-element.elementor-element-0fe7f45 .elementor-icon{font-size:17px;}.elementor-10514 .elementor-element.elementor-element-0fe7f45 .elementor-icon svg{height:17px;}.elementor-10514 .elementor-element.elementor-element-6c02483{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10514 .elementor-element.elementor-element-0dc6c8d{--grid-columns:1;}@media(max-width:991px){.elementor-10514 .elementor-element.elementor-element-d1d8282{--grid-columns:2;}.elementor-10514 .elementor-element.elementor-element-0dc6c8d{--grid-columns:2;}}@media(max-width:767px){.elementor-10514 .elementor-element.elementor-element-d1d8282{--grid-columns:1;}.elementor-10514 .elementor-element.elementor-element-0dc6c8d{--grid-columns:1;}}/* Start custom CSS for table-of-contents, class: .elementor-element-26a3d67 *//* --- Floating TOC container positioning --- */
/*floating-toc as CSS-ID*/
#floating-toc {
  position: fixed;
  top: 50%;                 /* Vertical position of the tab */
  left: 0;                  /* Attach to the left screen edge */
  z-index: 9999;
  cursor: pointer;
  overflow: visible;
}

/* --- Vertical "Content" tab (small and slim) --- */
#floating-toc::before {
  content: "Content";
  display: flex;
  align-items: center;
  justify-content: center;

  /* Colour and typography */
  background: #ffffff;
  color: #00248C;
  font-weight: 600;
  font-size: 13px;          /* Tab text size */
  letter-spacing: 0.5px;

  /* Tab size: smaller and slimmer */
  width: 23px;              /* Tab width from the page edge */
  height: 110px;            /* Tab height */

  /* Vertical text settings */
  writing-mode: vertical-rl;
  text-orientation: mixed;

  /* Rounded inner edge like a tab */
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;

  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  border: 1px solid #e5e5e5;
}

/* --- Expanded TOC content (bigger and taller) --- */
#floating-toc .elementor-widget-container {
  position: absolute;
  top: 50%;
  left: 25px;               /* Horizontal distance from the tab to the TOC box */
  transform: translateY(-50%) translateX(10px);

  /* Size of the TOC box */
  min-width: 400px;         /* Wider TOC panel */
  min-height: 400px;        /* Minimum height so more is visible */
  max-height: 90vh;         /* Almost full viewport height */
  overflow: auto;

  background: #fff;
  border-radius: 10px;
  padding: 22px;            /* Inner spacing of the TOC box */
  box-shadow: 0 8px 25px rgba(0,0,0,0.18);

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* --- Keep TOC visible when hovering tab or the TOC box itself --- */
#floating-toc:hover .elementor-widget-container,
#floating-toc .elementor-widget-container:hover {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

/* --- Open state controlled by JS (for click on mobile/desktop) --- */
#floating-toc.is-open .elementor-widget-container {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-50%) translateX(0);
}

/* --- Force Elementor TOC body to stay visible inside the floating panel --- */
#floating-toc .elementor-toc__body {
  display: block !important;     /* Prevent Elementor from hiding it on mobile */
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* --- Ensure TOC links/text are visible (not white on white) --- */
#floating-toc .elementor-toc__list,
#floating-toc .elementor-toc__list li,
#floating-toc .elementor-toc__list a {
  color: #000000 !important;     /* Black text for best contrast */
}

/* Optional: remove extra margins inside the TOC, if needed */
#floating-toc .elementor-toc__list {
  margin: 0;
  padding-left: 1rem;
}

/* --- Limit TOC panel width on mobile --- */
@media (max-width: 768px) {
  #floating-toc .elementor-widget-container {
    min-width: 0 !important;         /* Remove fixed desktop width */
    width: calc(100vw - 40px);       /* Full screen width minus small margin */
    max-width: calc(100vw - 40px);   /* Ensure it cannot exceed screen width */
    left: 35px !important;           /* Adjust distance from tab */
    right: 0;                        /* Allow it to "touch" the right screen edge */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-908250f *//* ============================================================
   HORIZONTAL LOOP CAROUSEL – Layout & Kartengrößen
   ============================================================ */

/* Track */
.carousel .elementor-widget-loop-grid .elementor-loop-container,
.carousel .elementor-loop-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;

  overflow-x: auto;
  overflow-y: hidden;

  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;

  padding-left: 16px;
  padding-right: 16px;
}

/* Scrollbar optional ausblenden */
.carousel .elementor-loop-container::-webkit-scrollbar {
  display: none;
}

/* Kartengrößen (Breite) */
.carousel .elementor-loop-item,
.carousel .post-card {
  flex: 0 0 600px !important;   /* Desktop */
  min-width: 600px !important;
  scroll-snap-align: center;
}

@media (max-width: 1024px){
  .carousel .elementor-loop-item,
  .carousel .post-card {
    flex-basis: 350px !important;   /* Tablet */
    min-width: 350px !important;
  }
}

@media (max-width: 767px){
  .carousel .elementor-loop-item,
  .carousel .post-card {
    flex-basis: 78vw !important;    /* Mobile */
    min-width: 78vw !important;
  }
}

/* Eltern dürfen Overflow nicht kappen */
.carousel,
.carousel .elementor-widget-container,
.carousel .elementor-container,
.carousel .elementor-section {
  overflow: visible !important;
}

/* Kartenoptik (Hintergrund, Shadow etc.) */
.carousel .post-card{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  overflow: hidden;
}

/* Optional: Bildstil */
.carousel .post-card img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ============================================================
   Carousel-Steuerleiste: Pfeile + Dots
   ============================================================ */

.carousel-controls{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: -30px;
  z-index: 3;
}

.carousel-controls .arrow-left,
.carousel-controls .arrow-right{
  position: static;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
}

.carousel-controls .arrow-left svg,
.carousel-controls .arrow-right svg{
  fill: #b4b8bf;
}

.carousel-controls .arrow-left:hover,
.carousel-controls .arrow-right:hover{
  transform: scale(1.1);
}

.carousel-controls .arrow-left:hover svg,
.carousel-controls .arrow-right:hover svg{
  fill: #d2d5d9;
}

.carousel-controls .arrow-left[disabled],
.carousel-controls .arrow-right[disabled]{
  opacity: .35;
  cursor: not-allowed;
}

/* Dots */
.carousel-dots{
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
}

.carousel-dots button{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cfd3dc;
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease;
}

.carousel-dots button[aria-current="true"]{
  background: #979797;
  transform: scale(1.25);
}

.carousel-dots button:hover{
  transform: scale(1.2);
}

@media (max-width: 767px){
  .carousel-controls{
    gap: 10px;
  }
  .carousel-controls .arrow-left,
  .carousel-controls .arrow-right{
    width: 36px;
    height: 36px;
  }
  .carousel-dots{
    padding: 4px 8px;
  }
}

/* ============================================================
   eacc – Aus-/Einklapp-Logik am Content Widget
   ============================================================ */

/* Container-Positionierung */
.elementor-widget-theme-post-content .elementor-widget-container,
.elementor-widget-post-content  .elementor-widget-container {
  position: relative;
}

/* Grundlayout des Items */
.eacc-item {
  display: flex;
  flex-direction: column;
  overflow-anchor: none;
}

/* Panel & Innenleben */
.eacc-panel { order: 1; }
.eacc-inner { position: relative; padding: .5rem 0 1rem; }

/* Sentinel (Scroll-Ankerhilfe) */
.eacc-sentinel {
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  overflow-anchor: none;
}
.eacc-sentinel.eacc-active-anchor {
  overflow-anchor: auto;
}

/* Toggle-Button (Chevron) unten am Content */
.eacc-head {
  order: 2;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: .1rem auto 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow-anchor: none;

  --eacc-arrow-color: #444;
  color: var(--eacc-arrow-color);
}
.eacc-head::before,
.eacc-head::after {
  content: none !important;
  display: none !important;
}

/* Pfeil */
.eacc-head .eacc-arrow {
  width: 1.1rem;
  height: 1.1rem;
  position: relative;
  transform: scale(1);
  transition: transform .25s ease;
  color: var(--eacc-arrow-color) !important;
  fill: var(--eacc-arrow-color) !important;
}

/* Pfeil-Striche */
.eacc-head .eacc-arrow::before,
.eacc-head .eacc-arrow::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: .6rem;
  height: .6rem;
  border-right: 2px solid var(--eacc-arrow-color) !important;
  border-bottom: 2px solid var(--eacc-arrow-color) !important;
  transform: rotate(45deg);
}

/* Hover / Active */
.eacc-head:hover .eacc-arrow,
.eacc-head:focus-visible .eacc-arrow {
  transform: scale(1.15);
}
.eacc-head:active .eacc-arrow {
  transform: scale(1.25);
}

/* Offen: Rotation */
.eacc-item[aria-expanded="true"] .eacc-head .eacc-arrow {
  transform: rotate(180deg) scale(1.1);
  color: var(--eacc-arrow-color) !important;
  fill: var(--eacc-arrow-color) !important;
}

/* Inhalt – Clamp über max-height (Wert kommt aus JS) */
.eacc-body {
  position: relative;
  overflow: hidden;
  overflow-anchor: none;
  max-height: var(--eacc-collapsed, 10rem);
  transition: max-height .6s ease-in-out;
}
.eacc-body img, 
.eacc-body video, 
.eacc-body figure, 
.eacc-body iframe {
  overflow-anchor: none;
}

/* ZU: Fading-Overlay am unteren Rand der Content-Zone */
.eacc-item[aria-expanded="false"] .eacc-body {
  display: block;
}

.eacc-item[aria-expanded="false"] .eacc-body::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2.5rem;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,1) 90%
  );
}

/* OFFEN: volles Layout ohne Fade */
.eacc-item[aria-expanded="true"] .eacc-body {
  max-height: none;
}
.eacc-item[aria-expanded="true"] .eacc-body::after {
  content: none;
}

/* Ränder säubern */
.eacc-body > *:first-child { margin-top: 0 !important; }
.eacc-body > *:last-child  { margin-bottom: 0 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbedb51 */.carousel-wrap { position: relative; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c02483 *//* ============================================================
   HORIZONTAL LOOP CAROUSEL – Layout & Kartengrößen
   ============================================================ */

/* Track */
.carousel .elementor-widget-loop-grid .elementor-loop-container,
.carousel .elementor-loop-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;

  overflow-x: auto;
  overflow-y: hidden;

  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;

  padding-left: 16px;
  padding-right: 16px;
}

/* Scrollbar optional ausblenden */
.carousel .elementor-loop-container::-webkit-scrollbar {
  display: none;
}

/* Kartengrößen (Breite) */
.carousel .elementor-loop-item,
.carousel .post-card {
  flex: 0 0 600px !important;   /* Desktop */
  min-width: 600px !important;
  scroll-snap-align: center;
}

@media (max-width: 1024px){
  .carousel .elementor-loop-item,
  .carousel .post-card {
    flex-basis: 350px !important;   /* Tablet */
    min-width: 350px !important;
  }
}

@media (max-width: 767px){
  .carousel .elementor-loop-item,
  .carousel .post-card {
    flex-basis: 78vw !important;    /* Mobile */
    min-width: 78vw !important;
  }
}

/* Eltern dürfen Overflow nicht kappen */
.carousel,
.carousel .elementor-widget-container,
.carousel .elementor-container,
.carousel .elementor-section {
  overflow: visible !important;
}

/* Kartenoptik (Hintergrund, Shadow etc.) */
.carousel .post-card{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  overflow: hidden;
}

/* Optional: Bildstil */
.carousel .post-card img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ============================================================
   Carousel-Steuerleiste: Pfeile + Dots
   ============================================================ */

.carousel-controls{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: -30px;
  z-index: 3;
}

.carousel-controls .arrow-left,
.carousel-controls .arrow-right{
  position: static;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
}

.carousel-controls .arrow-left svg,
.carousel-controls .arrow-right svg{
  fill: #b4b8bf;
}

.carousel-controls .arrow-left:hover,
.carousel-controls .arrow-right:hover{
  transform: scale(1.1);
}

.carousel-controls .arrow-left:hover svg,
.carousel-controls .arrow-right:hover svg{
  fill: #d2d5d9;
}

.carousel-controls .arrow-left[disabled],
.carousel-controls .arrow-right[disabled]{
  opacity: .35;
  cursor: not-allowed;
}

/* Dots */
.carousel-dots{
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
}

.carousel-dots button{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cfd3dc;
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease;
}

.carousel-dots button[aria-current="true"]{
  background: #979797;
  transform: scale(1.25);
}

.carousel-dots button:hover{
  transform: scale(1.2);
}

@media (max-width: 767px){
  .carousel-controls{
    gap: 10px;
  }
  .carousel-controls .arrow-left,
  .carousel-controls .arrow-right{
    width: 36px;
    height: 36px;
  }
  .carousel-dots{
    padding: 4px 8px;
  }
}

/* ============================================================
   eacc – Aus-/Einklapp-Logik am Content Widget
   ============================================================ */

/* Container-Positionierung */
.elementor-widget-theme-post-content .elementor-widget-container,
.elementor-widget-post-content  .elementor-widget-container {
  position: relative;
}

/* Grundlayout des Items */
.eacc-item {
  display: flex;
  flex-direction: column;
  overflow-anchor: none;
}

/* Panel & Innenleben */
.eacc-panel { order: 1; }
.eacc-inner { position: relative; padding: .5rem 0 1rem; }

/* Sentinel (Scroll-Ankerhilfe) */
.eacc-sentinel {
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  overflow-anchor: none;
}
.eacc-sentinel.eacc-active-anchor {
  overflow-anchor: auto;
}

/* Toggle-Button (Chevron) unten am Content */
.eacc-head {
  order: 2;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: .1rem auto 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow-anchor: none;

  --eacc-arrow-color: #444;
  color: var(--eacc-arrow-color);
}
.eacc-head::before,
.eacc-head::after {
  content: none !important;
  display: none !important;
}

/* Pfeil */
.eacc-head .eacc-arrow {
  width: 1.1rem;
  height: 1.1rem;
  position: relative;
  transform: scale(1);
  transition: transform .25s ease;
  color: var(--eacc-arrow-color) !important;
  fill: var(--eacc-arrow-color) !important;
}

/* Pfeil-Striche */
.eacc-head .eacc-arrow::before,
.eacc-head .eacc-arrow::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: .6rem;
  height: .6rem;
  border-right: 2px solid var(--eacc-arrow-color) !important;
  border-bottom: 2px solid var(--eacc-arrow-color) !important;
  transform: rotate(45deg);
}

/* Hover / Active */
.eacc-head:hover .eacc-arrow,
.eacc-head:focus-visible .eacc-arrow {
  transform: scale(1.15);
}
.eacc-head:active .eacc-arrow {
  transform: scale(1.25);
}

/* Offen: Rotation */
.eacc-item[aria-expanded="true"] .eacc-head .eacc-arrow {
  transform: rotate(180deg) scale(1.1);
  color: var(--eacc-arrow-color) !important;
  fill: var(--eacc-arrow-color) !important;
}

/* Inhalt – Clamp über max-height (Wert kommt aus JS) */
.eacc-body {
  position: relative;
  overflow: hidden;
  overflow-anchor: none;
  max-height: var(--eacc-collapsed, 10rem);
  transition: max-height .6s ease-in-out;
}
.eacc-body img, 
.eacc-body video, 
.eacc-body figure, 
.eacc-body iframe {
  overflow-anchor: none;
}

/* ZU: Fading-Overlay am unteren Rand der Content-Zone */
.eacc-item[aria-expanded="false"] .eacc-body {
  display: block;
}

.eacc-item[aria-expanded="false"] .eacc-body::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2.5rem;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,1) 90%
  );
}

/* OFFEN: volles Layout ohne Fade */
.eacc-item[aria-expanded="true"] .eacc-body {
  max-height: none;
}
.eacc-item[aria-expanded="true"] .eacc-body::after {
  content: none;
}

/* Ränder säubern */
.eacc-body > *:first-child { margin-top: 0 !important; }
.eacc-body > *:last-child  { margin-bottom: 0 !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27c4289 */.carousel-wrap { position: relative; }/* End custom CSS */