.elementor-1355 .elementor-element.elementor-element-70f0269e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-68f1f531{width:100%;max-width:100%;}.elementor-1355 .elementor-element.elementor-element-68f1f531 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1355{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1355 .elementor-element.elementor-element-70f0269e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-68f1f531 > .elementor-widget-container{margin:0px 0px -289px 0px;padding:0px 0px 0px 0px;}.elementor-1355{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1355 .elementor-element.elementor-element-70f0269e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1355 .elementor-element.elementor-element-68f1f531 > .elementor-widget-container{margin:0px 0px -304px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-70f0269e *//* Sticky Footer + Aranity-Seiten ohne Lücke zwischen Block und Footer */
html,
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden;
}

/* Grundlayout der Website */
body:not(.elementor-editor-active) #page,
body:not(.elementor-editor-active) .site,
body:not(.elementor-editor-active) .wp-site-blocks {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

/* Inhaltsbereich nimmt den freien Platz bis zum Footer ein */
body:not(.elementor-editor-active) #content,
body:not(.elementor-editor-active) .site-content,
body:not(.elementor-editor-active) main,
body:not(.elementor-editor-active) .site-main,
body:not(.elementor-editor-active) [data-elementor-type="wp-page"],
body:not(.elementor-editor-active) [data-elementor-type="single-page"],
body:not(.elementor-editor-active) [data-elementor-type="single-post"] {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Elementor-Hauptbereiche ebenfalls flexibel machen */
body:not(.elementor-editor-active) .elementor,
body:not(.elementor-editor-active) .elementor-section-wrap {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Footer bleibt unten, aber überlappt keine Inhalte */
body:not(.elementor-editor-active) footer,
body:not(.elementor-editor-active) .site-footer,
body:not(.elementor-editor-active) #colophon,
body:not(.elementor-editor-active) .elementor-location-footer,
body:not(.elementor-editor-active) [data-elementor-type="footer"] {
  width: 100%;
  flex-shrink: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  clear: both !important;
  z-index: 5;
}

/* Footer-Inhalte dürfen keinen Abstand nach oben erzeugen */
body:not(.elementor-editor-active) footer > :first-child,
body:not(.elementor-editor-active) .site-footer > :first-child,
body:not(.elementor-editor-active) #colophon > :first-child,
body:not(.elementor-editor-active) .elementor-location-footer > :first-child,
body:not(.elementor-editor-active) [data-elementor-type="footer"] > :first-child,
body:not(.elementor-editor-active) .elementor-location-footer .elementor-section:first-child,
body:not(.elementor-editor-active) .elementor-location-footer .e-con:first-child,
body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-section:first-child,
body:not(.elementor-editor-active) [data-elementor-type="footer"] .e-con:first-child {
  margin-top: 0 !important;
}

/* Letzte Elemente vor dem Footer dürfen keine weiße Lücke erzeugen */
body:not(.elementor-editor-active) #content > :last-child,
body:not(.elementor-editor-active) .site-content > :last-child,
body:not(.elementor-editor-active) main > :last-child,
body:not(.elementor-editor-active) .site-main > :last-child,
body:not(.elementor-editor-active) [data-elementor-type="wp-page"] > :last-child,
body:not(.elementor-editor-active) [data-elementor-type="single-page"] > :last-child,
body:not(.elementor-editor-active) [data-elementor-type="single-post"] > :last-child,
body:not(.elementor-editor-active) .elementor > :last-child,
body:not(.elementor-editor-active) .elementor-section-wrap > :last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Aranity HTML-Block darf bis zum Footer wachsen */
body:not(.elementor-editor-active) .ar-league-page {
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Der Inhalt bleibt oben, aber der Hintergrund der Section kann bis zum Footer weiterlaufen */
body:not(.elementor-editor-active) .ar-league-page .ar-league-container {
  flex: 0 0 auto !important;
}

/* Wichtig: Elementor-HTML-Widget mit Aranity-Block ebenfalls flexibel machen */
@supports .elementor-1355 .elementor-element.elementor-element-70f0269e(:has(*)) {
  body:not(.elementor-editor-active) .elementor-widget-html:has(.ar-league-page),
  body:not(.elementor-editor-active) .elementor-widget-html:has(.ar-league-page) > .elementor-widget-container,
  body:not(.elementor-editor-active) .e-con:has(.ar-league-page),
  body:not(.elementor-editor-active) .elementor-section:has(.ar-league-page),
  body:not(.elementor-editor-active) .elementor-column:has(.ar-league-page),
  body:not(.elementor-editor-active) .elementor-container:has(.ar-league-page) {
    flex: 1 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body:not(.elementor-editor-active) .elementor-widget-html:has(.ar-league-page) > .elementor-widget-container {
    width: 100% !important;
  }
}

/* Die freie Fläche zwischen Aranity-Block und Footer bekommt exakt denselben Hintergrund */
@supports .elementor-1355 .elementor-element.elementor-element-70f0269e(body:has(.ar-league-page)) {
  body:not(.elementor-editor-active):has(.ar-league-page),
  body:not(.elementor-editor-active):has(.ar-league-page) #content,
  body:not(.elementor-editor-active):has(.ar-league-page) .site-content,
  body:not(.elementor-editor-active):has(.ar-league-page) main,
  body:not(.elementor-editor-active):has(.ar-league-page) .site-main,
  body:not(.elementor-editor-active):has(.ar-league-page) [data-elementor-type="wp-page"],
  body:not(.elementor-editor-active):has(.ar-league-page) [data-elementor-type="single-page"],
  body:not(.elementor-editor-active):has(.ar-league-page) [data-elementor-type="single-post"],
  body:not(.elementor-editor-active):has(.ar-league-page) .elementor,
  body:not(.elementor-editor-active):has(.ar-league-page) .elementor-section-wrap,
  body:not(.elementor-editor-active) .elementor-widget-html:has(.ar-league-page),
  body:not(.elementor-editor-active) .elementor-widget-html:has(.ar-league-page) > .elementor-widget-container,
  body:not(.elementor-editor-active) .e-con:has(.ar-league-page),
  body:not(.elementor-editor-active) .elementor-section:has(.ar-league-page),
  body:not(.elementor-editor-active) .elementor-column:has(.ar-league-page),
  body:not(.elementor-editor-active) .elementor-container:has(.ar-league-page) {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.92)),
      url("https://aranity.com/wp-content/uploads/2025/07/Linktree-hintergrund-1-scaled.png") no-repeat center center fixed !important;
    background-size: cover !important;
  }
}

/* Mobile & Tablet: Hintergrund nicht fixed, damit keine Sprünge/Lücken entstehen */
@media (max-width: 1024px) {
  @supports .elementor-1355 .elementor-element.elementor-element-70f0269e(body:has(.ar-league-page)) {
    body:not(.elementor-editor-active):has(.ar-league-page),
    body:not(.elementor-editor-active):has(.ar-league-page) #content,
    body:not(.elementor-editor-active):has(.ar-league-page) .site-content,
    body:not(.elementor-editor-active):has(.ar-league-page) main,
    body:not(.elementor-editor-active):has(.ar-league-page) .site-main,
    body:not(.elementor-editor-active):has(.ar-league-page) [data-elementor-type="wp-page"],
    body:not(.elementor-editor-active):has(.ar-league-page) [data-elementor-type="single-page"],
    body:not(.elementor-editor-active):has(.ar-league-page) [data-elementor-type="single-post"],
    body:not(.elementor-editor-active):has(.ar-league-page) .elementor,
    body:not(.elementor-editor-active):has(.ar-league-page) .elementor-section-wrap,
    body:not(.elementor-editor-active) .elementor-widget-html:has(.ar-league-page),
    body:not(.elementor-editor-active) .elementor-widget-html:has(.ar-league-page) > .elementor-widget-container,
    body:not(.elementor-editor-active) .e-con:has(.ar-league-page),
    body:not(.elementor-editor-active) .elementor-section:has(.ar-league-page),
    body:not(.elementor-editor-active) .elementor-column:has(.ar-league-page),
    body:not(.elementor-editor-active) .elementor-container:has(.ar-league-page) {
      background-attachment: scroll !important;
    }
  }
}/* End custom CSS */
/* Start custom CSS *//* Sticky Footer ohne Überlappen von Inhalten */
html,
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  overflow-x: hidden;
}

/* Hauptseiten-Wrapper als flexibles Layout */
body:not(.elementor-editor-active) #page,
body:not(.elementor-editor-active) .site,
body:not(.elementor-editor-active) .wp-site-blocks {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Inhaltsbereich soll den freien Platz einnehmen */
body:not(.elementor-editor-active) #content,
body:not(.elementor-editor-active) .site-content,
body:not(.elementor-editor-active) main,
body:not(.elementor-editor-active) .site-main,
body:not(.elementor-editor-active) [data-elementor-type="wp-page"],
body:not(.elementor-editor-active) [data-elementor-type="single-page"],
body:not(.elementor-editor-active) [data-elementor-type="single-post"] {
  flex: 1 0 auto;
}

/* Footer bleibt unten, aber weiterhin unter dem Inhalt */
body:not(.elementor-editor-active) footer,
body:not(.elementor-editor-active) .site-footer,
body:not(.elementor-editor-active) #colophon,
body:not(.elementor-editor-active) .elementor-location-footer,
body:not(.elementor-editor-active) [data-elementor-type="footer"] {
  width: 100%;
  flex-shrink: 0 !important;
  margin-top: auto !important;
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  clear: both !important;
  z-index: 5;
}

/* Falls im Footer selbst versehentlich absolute/fixed Positionen gesetzt wurden */
body:not(.elementor-editor-active) .elementor-location-footer > *,
body:not(.elementor-editor-active) [data-elementor-type="footer"] > * {
  position: relative;
}/* End custom CSS */