.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;font-family:"DM Sans", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"DM Sans", Sans-serif;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:"DM Sans", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --bg-teal:#1E95AA; --bg-teal-dark:#0F5F6E; --bg-lime:#8CC63F; --bg-ink:#0D2226; --bg-sand:#F5F2EB; --bg-mist:#E7F2F1; --bg-text:#24363A; --bg-muted:#5E7175; --bg-white:#FFFFFF; --bg-font-head:Fraunces; --bg-font-body:DM Sans; }
/* Start custom CSS */:root { --bg-teal:#1E95AA; --bg-teal-dark:#0F5F6E; --bg-lime:#8CC63F; --bg-ink:#0D2226; --bg-sand:#F5F2EB; --bg-mist:#E7F2F1; --bg-text:#24363A; --bg-muted:#5E7175; --bg-white:#FFFFFF; --bg-font-head:Fraunces; --bg-font-body:DM Sans; }

/* Desktop-Dropdown Hauptnavigation */
.bg-dd-menu, .bg-dd-sub { display: none !important; }
.bg-dd:hover > .bg-dd-menu, .bg-dd:focus-within > .bg-dd-menu { display: flex !important; }
.bg-dd-item:hover > .bg-dd-sub, .bg-dd-item:focus-within > .bg-dd-sub { display: flex !important; }
.bg-dd > p a::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-3px) rotate(45deg); }
.bg-dd-item > p a::after { content: "\203A"; float: right; margin-left: 14px; }

/* Globaler Header: aktiver Menuepunkt */
.page-id-83 .bg-gnav-link > a[href$="/ueber-uns/"],
.parent-pageid-83 .bg-gnav-link > a[href$="/ueber-uns/"],
.page-id-126 .bg-gnav-link > a[href$="/swimmingpool/"],
.parent-pageid-126 .bg-gnav-link > a[href$="/swimmingpool/"],
.page-id-84 .bg-gnav-link > a[href$="/gartenbereich/"],
.page-id-85 .bg-gnav-link > a[href$="/wassermanagement/"] { color: #8CC63F; font-weight: 600; }

/* Globaler Header: sticky. Oben transparent ueber dem Hero, beim Scrollen dunkler Balken */
.bg-gheader { position: fixed !important; }
@supports (animation-timeline: scroll()) {
  .bg-gheader { animation: bg-gheader-stick linear both; animation-timeline: scroll(root); animation-range: 0px 140px; }
  @keyframes bg-gheader-stick {
    to { background-color: rgba(8,26,29,0.94); padding-block-start: 12px; padding-block-end: 12px; box-shadow: 0px 10px 30px rgba(0,0,0,0.18); }
  }
}
@supports not (animation-timeline: scroll()) {
  .bg-gheader { background-color: rgba(8,26,29,0.94); padding-block-end: 14px !important; }
}

/* Globaler Header: Admin-Leiste (nur eingeloggt) */
.admin-bar .bg-gheader { top: 32px; }
@media (max-width: 782px) { .admin-bar .bg-gheader { top: 46px; } }

/* Klickbare Kacheln: Link in .bg-stretch deckt die ganze .bg-card-link-Kachel ab */
.bg-card-link { position: relative; }
.bg-card-link .bg-stretch a::after, .bg-card-link a.bg-stretch::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.bg-card-link-dark:hover .bg-stretch { color: #8CC63F; }
.bg-card-link-light:hover .bg-stretch { color: #1E95AA; }/* End custom CSS */