/* =========================================================
   12. AMC FOOTER – ORGANISCHE WELLE
   Übergang vom weißen Content zum Footer
   ========================================================= */

.amc-footer-wave {

  /* MUSS der Hintergrundfarbe des Footers entsprechen */
  --amc-footer-wave-color: #f2f2f2;

  position: relative;
  z-index: 5;

  /* Aus dem Enfold-Inhaltscontainer
     auf die volle Browserbreite ziehen */
  width: 100vw;
  max-width: none;

  left: 50%;
  transform: translateX(-50%);

  /* Volle Höhe der Wellenform */
  height: 88px;

  /* Keine künstliche Verschiebung */
  margin: 0;

  overflow: visible;
  pointer-events: none;
}


/* =========================================================
   12.0 SVG
   ========================================================= */

.amc-footer-wave svg {
  display: block;

  width: 100%;
  height: 100%;
}


.amc-footer-wave path {
  fill: var(--amc-footer-wave-color);
}


/* =========================================================
   12.0a HAARLINIEN-SCHUTZ ZUM FOOTER
   ========================================================= */

.amc-footer-wave::after {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  bottom: -2px;

  height: 3px;

  background: var(--amc-footer-wave-color);
}


/* =========================================================
   12.1 AMC FOOTER – WELLE / TABLET
   ========================================================= */

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

  .amc-footer-wave {
    height: 72px;
  }

}


/* =========================================================
   12.2 AMC FOOTER – WELLE / MOBILE
   ========================================================= */

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

  .amc-footer-wave {
    height: 54px;
  }

}


/* =========================================================
   13. FOOTER-WELLE
   ENFOLD-CONTAINER NEUTRALISIEREN
   ---------------------------------------------------------
   Entfernt nur die von Enfold erzeugten Abstände und
   Rahmen. Die Wellenform selbst bleibt unangetastet.
   ========================================================= */


/* =========================================================
   13.1 ENFOLD-CONTENT-ABSTÄNDE ENTFERNEN
   ========================================================= */

#top .content:has(.amc-footer-wave) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* =========================================================
   13.2 ENFOLD-CODE-BLOCK OHNE EIGENE ABSTÄNDE
   ========================================================= */

#top .avia_codeblock_section:has(.amc-footer-wave),
#top .avia_codeblock:has(.amc-footer-wave) {
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   13.3 ENFOLD-HAARLINIE AM WELLENBEREICH ENTFERNEN
   ========================================================= */

#top .container_wrap:has(.amc-footer-wave) {
  border-top: 0 !important;
  border-top-width: 0 !important;
  border-bottom: 0 !important;

  box-shadow: none !important;
}


/* =========================================================
   13.4 ENFOLD-HAARLINIE AM FOOTER ENTFERNEN
   ========================================================= */

body:has(.amc-footer-wave) #footer,
body:has(.amc-footer-wave) #footer.container_wrap {
  border-top: 0 !important;
  border-top-width: 0 !important;

  box-shadow: none !important;
}