:root,
[data-bs-theme=light] {
  --ar-primary: #00722d;
  --ar-primary-rgb: 0, 114, 45;
  --bs-primary: #00722d;
  --bs-primary-rgb: 0, 114, 45;
  --ar-secondary: #edf1f5;
  --ar-secondary-rgb: 237, 241, 245;
  --bs-secondary: #edf1f5;
  --bs-secondary-rgb: 237, 241, 245;
  --ar-warning: #f9ba00;
  --ar-warning-rgb: 249, 186, 0;
  --bs-warning: #f9ba00;
  --bs-warning-rgb: 249, 186, 0;
  --ar-info: #3f7fca;
  --ar-info-rgb: 63, 127, 202;
  --bs-info: #3f7fca;
  --bs-info-rgb: 63, 127, 202;
  --ar-success: #3fca90;
  --ar-success-rgb: 63, 202, 144;
  --bs-success: #3fca90;
  --bs-success-rgb: 63, 202, 144;
  --ar-danger: #ed5050;
  --ar-danger-rgb: 237, 80, 80;
  --bs-danger: #ed5050;
  --bs-danger-rgb: 237, 80, 80;
  --ar-light: #ffffff;
  --ar-light-rgb: 255, 255, 255;
  --bs-light: #ffffff;
  --bs-light-rgb: 255, 255, 255;
  --ar-dark: #121519;
  --ar-dark-rgb: 18, 21, 25;
  --bs-dark: #121519;
  --bs-dark-rgb: 18, 21, 25;
  --ar-link-color: #00722d;
  --ar-link-hover-color: #005914;
  --bs-link-color: #00722d;
  --bs-link-color-rgb: 0, 114, 45;
  --bs-link-hover-color: #005914;
  --ar-body-font-family: 'Barlow Condensed', sans-serif;
  --ar-heading-font-family: 'Barlow Condensed', sans-serif;
  --ar-root-font-size: 1rem;
  --ar-body-font-size: 1.375rem;
  --ar-border-width: 1px;
  --ar-border-radius: 0rem;
  --ar-border-radius-sm: calc(var(--ar-border-radius) * 0);
  --ar-border-radius-lg: calc(var(--ar-border-radius) * 0);
  --ar-border-radius-xl: calc(var(--ar-border-radius) * 0);
  --ar-border-radius-xxl: calc(var(--ar-border-radius) * 2.25);
}
[data-bs-theme=light] {
  --ar-body-bg: #ffffff;
  --bs-body-bg: #ffffff;
  --ar-body-bg-rgb: 255, 255, 255;
  --bs-body-bg-rgb: 255, 255, 255;
  --ar-body-color: #000000;
  --bs-body-color: #000000;
  --ar-body-color-rgb: 0, 0, 0;
  --bs-body-color-rgb: 0, 0, 0;
  --ar-secondary-color: #858c97;
  --bs-secondary-color: #858c97;
  --ar-heading-color: #00722d;
  --bs-heading-color: #00722d;
  --ar-border-color: #e3e9ef;
  --bs-border-color: #e3e9ef;
}
[data-bs-theme=light] .card {
  --ar-card-bg: #ffffff;
}
.btn-primary {
  --booost-btn-color: #fff;
  --booost-btn-hover-color: #fff;
  --ar-btn-bg: #00722d;
  --ar-btn-border-color: #00722d;
  --ar-btn-hover-bg: #005914;
  --ar-btn-hover-border-color: #005914;
  --ar-btn-active-bg: #005914;
  --ar-btn-active-border-color: #005914;
  --ar-btn-disabled-bg: #00722d;
  --ar-btn-disabled-border-color: #00722d;
}
.btn-outline-primary {
  --ar-btn-color: #00722d;
  --ar-btn-border-color: #00722d;
  --ar-btn-hover-bg: #00722d;
  --ar-btn-hover-border-color: #00722d;
  --ar-btn-active-bg: #00722d;
  --ar-btn-active-border-color: #00722d;
  --ar-btn-disabled-color: #00722d;
  --ar-btn-disabled-border-color: #00722d;
}
.btn-secondary {
  --booost-btn-color: #121519;
  --booost-btn-hover-color: #121519;
  --ar-btn-bg: #edf1f5;
  --ar-btn-border-color: #edf1f5;
  --ar-btn-hover-bg: #d4d8dc;
  --ar-btn-hover-border-color: #d4d8dc;
  --ar-btn-active-bg: #d4d8dc;
  --ar-btn-active-border-color: #d4d8dc;
  --ar-btn-disabled-bg: #edf1f5;
  --ar-btn-disabled-border-color: #edf1f5;
}
.btn-outline-secondary {
  --ar-btn-color: #edf1f5;
  --ar-btn-border-color: #edf1f5;
  --ar-btn-hover-bg: #edf1f5;
  --ar-btn-hover-border-color: #edf1f5;
  --ar-btn-active-bg: #edf1f5;
  --ar-btn-active-border-color: #edf1f5;
  --ar-btn-disabled-color: #edf1f5;
  --ar-btn-disabled-border-color: #edf1f5;
}
.btn-warning {
  --booost-btn-color: #121519;
  --booost-btn-hover-color: #121519;
  --ar-btn-bg: #f9ba00;
  --ar-btn-border-color: #f9ba00;
  --ar-btn-hover-bg: #e0a100;
  --ar-btn-hover-border-color: #e0a100;
  --ar-btn-active-bg: #e0a100;
  --ar-btn-active-border-color: #e0a100;
  --ar-btn-disabled-bg: #f9ba00;
  --ar-btn-disabled-border-color: #f9ba00;
}
.btn-outline-warning {
  --ar-btn-color: #f9ba00;
  --ar-btn-border-color: #f9ba00;
  --ar-btn-hover-bg: #f9ba00;
  --ar-btn-hover-border-color: #f9ba00;
  --ar-btn-active-bg: #f9ba00;
  --ar-btn-active-border-color: #f9ba00;
  --ar-btn-disabled-color: #f9ba00;
  --ar-btn-disabled-border-color: #f9ba00;
}
.btn-info {
  --booost-btn-color: #fff;
  --booost-btn-hover-color: #fff;
  --ar-btn-bg: #3f7fca;
  --ar-btn-border-color: #3f7fca;
  --ar-btn-hover-bg: #2666b1;
  --ar-btn-hover-border-color: #2666b1;
  --ar-btn-active-bg: #2666b1;
  --ar-btn-active-border-color: #2666b1;
  --ar-btn-disabled-bg: #3f7fca;
  --ar-btn-disabled-border-color: #3f7fca;
}
.btn-outline-info {
  --ar-btn-color: #3f7fca;
  --ar-btn-border-color: #3f7fca;
  --ar-btn-hover-bg: #3f7fca;
  --ar-btn-hover-border-color: #3f7fca;
  --ar-btn-active-bg: #3f7fca;
  --ar-btn-active-border-color: #3f7fca;
  --ar-btn-disabled-color: #3f7fca;
  --ar-btn-disabled-border-color: #3f7fca;
}
.btn-success {
  --booost-btn-color: #121519;
  --booost-btn-hover-color: #121519;
  --ar-btn-bg: #3fca90;
  --ar-btn-border-color: #3fca90;
  --ar-btn-hover-bg: #26b177;
  --ar-btn-hover-border-color: #26b177;
  --ar-btn-active-bg: #26b177;
  --ar-btn-active-border-color: #26b177;
  --ar-btn-disabled-bg: #3fca90;
  --ar-btn-disabled-border-color: #3fca90;
}
.btn-outline-success {
  --ar-btn-color: #3fca90;
  --ar-btn-border-color: #3fca90;
  --ar-btn-hover-bg: #3fca90;
  --ar-btn-hover-border-color: #3fca90;
  --ar-btn-active-bg: #3fca90;
  --ar-btn-active-border-color: #3fca90;
  --ar-btn-disabled-color: #3fca90;
  --ar-btn-disabled-border-color: #3fca90;
}
.btn-danger {
  --booost-btn-color: #fff;
  --booost-btn-hover-color: #fff;
  --ar-btn-bg: #ed5050;
  --ar-btn-border-color: #ed5050;
  --ar-btn-hover-bg: #d43737;
  --ar-btn-hover-border-color: #d43737;
  --ar-btn-active-bg: #d43737;
  --ar-btn-active-border-color: #d43737;
  --ar-btn-disabled-bg: #ed5050;
  --ar-btn-disabled-border-color: #ed5050;
}
.btn-outline-danger {
  --ar-btn-color: #ed5050;
  --ar-btn-border-color: #ed5050;
  --ar-btn-hover-bg: #ed5050;
  --ar-btn-hover-border-color: #ed5050;
  --ar-btn-active-bg: #ed5050;
  --ar-btn-active-border-color: #ed5050;
  --ar-btn-disabled-color: #ed5050;
  --ar-btn-disabled-border-color: #ed5050;
}
.btn-light {
  --booost-btn-color: #121519;
  --booost-btn-hover-color: #121519;
  --ar-btn-bg: #ffffff;
  --ar-btn-border-color: #ffffff;
  --ar-btn-hover-bg: #e6e6e6;
  --ar-btn-hover-border-color: #e6e6e6;
  --ar-btn-active-bg: #e6e6e6;
  --ar-btn-active-border-color: #e6e6e6;
  --ar-btn-disabled-bg: #ffffff;
  --ar-btn-disabled-border-color: #ffffff;
}
.btn-outline-light {
  --ar-btn-color: #ffffff;
  --ar-btn-border-color: #ffffff;
  --ar-btn-hover-bg: #ffffff;
  --ar-btn-hover-border-color: #ffffff;
  --ar-btn-active-bg: #ffffff;
  --ar-btn-active-border-color: #ffffff;
  --ar-btn-disabled-color: #ffffff;
  --ar-btn-disabled-border-color: #ffffff;
}
.btn-dark {
  --booost-btn-color: #fff;
  --booost-btn-hover-color: #fff;
  --ar-btn-bg: #121519;
  --ar-btn-border-color: #121519;
  --ar-btn-hover-bg: #000000;
  --ar-btn-hover-border-color: #000000;
  --ar-btn-active-bg: #000000;
  --ar-btn-active-border-color: #000000;
  --ar-btn-disabled-bg: #121519;
  --ar-btn-disabled-border-color: #121519;
}
.btn-outline-dark {
  --ar-btn-color: #121519;
  --ar-btn-border-color: #121519;
  --ar-btn-hover-bg: #121519;
  --ar-btn-hover-border-color: #121519;
  --ar-btn-active-bg: #121519;
  --ar-btn-active-border-color: #121519;
  --ar-btn-disabled-color: #121519;
  --ar-btn-disabled-border-color: #121519;
}
.accordion-button:not(.collapsed)::after {
  --ar-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%2300722d'%3e%3cpath%20d='M.5%206.3c.6-.6%201.6-.6%202.3%200l9.3%209.3%209.3-9.3c.6-.6%201.6-.6%202.3%200%20.6.6.6%201.6%200%202.3L13.3%2018.8c-.6.6-1.6.6-2.3%200L.8%208.5c-.9-.8-.9-1.6-.3-2.2z'/%3e%3c/svg%3e");
}
/* booost.theme_custom_css for bewegungs-experte (Phase C, via @registry).
   Only what utility classes and registry records cannot do.
   2026-10-14: colours aligned 1:1 with the legacy site (light mode);
   light-only values are scoped to :root:not([data-bs-theme=dark]). */

/* Legacy pi-section-base-gradient: green bands behind the three galleries,
   #008c37 -> #003f19 left to right (exact legacy values). Same in light and
   dark mode (the band carries dark_mode, its text is white). row-bleed paints
   the band colour through a pseudo element, so the gradient goes there too. */
.be-gradient,
.be-gradient::before {
  background-image: linear-gradient(to right, #008c37 0%, #003f19 100%) !important;
}

/* Legacy pi-border-top-strong-base: 3px green rule over a section, full
   viewport width like the legacy pi-section-w (rows are containers). */
.be-rule { position: relative; }
.be-rule::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  border-top: 3px solid #00722d;
  pointer-events: none;
}

/* Hero: legacy title and subtitle sit in white 60% boxes (pi-text-bg-white),
   subtitle text #21252b. The box stays white in dark mode too, so its dark
   text stays readable there. */
.be-textbox {
  background-color: rgba(255, 255, 255, 0.6);
  color: #21252b;
}
.be-textbox > p:last-child { margin-bottom: 0; }

/* Therapeuten: yellow band stays yellow in dark mode, so its text must stay
   dark there too (bg-warning does not switch the text colour). */
.be-light {
  --ar-body-color: #000;
  --ar-heading-color: #00722d;
  --ar-secondary-color: #00722d;
  color: #000;
}
.be-light .text-body,
.be-light .text-body-secondary {
  color: #000 !important;
}

/* Legacy pi-img-grayscale-hover: portraits black and white, colour on hover. */
.be-team img {
  filter: grayscale(1);
  transition: filter 0.3s ease-in-out;
}
.be-team img:hover,
.be-team a:hover img {
  filter: none;
}
@media (prefers-reduced-motion: reduce) {
  .be-team img { transition: none; }
}

/* Legacy social icon in the team: plain Facebook-blue icon, no button face
   (social_button_type = btn-transparent). */
.be-team .btn-facebook { color: #007bb3; }

/* Header navigation like the legacy menu: green links, on hover a green
   3px bar, the active anchor yellow with a yellow bar. Light mode only -
   dark mode keeps the theme's light link colours. */
:root:not([data-bs-theme=dark]) #header .navbar-nav .nav-link {
  --ar-nav-link-color: #00722d;
  --ar-nav-link-hover-color: #00722d;
  color: #00722d;
}
#header .navbar-nav .nav-link:hover,
#header .navbar-nav .nav-link:focus-visible {
  box-shadow: inset 0 -3px 0 #00722d;
}
:root:not([data-bs-theme=dark]) #header .navbar-nav .nav-link.active {
  color: #f9ba00;
}
#header .navbar-nav .nav-link.active {
  box-shadow: inset 0 -3px 0 #f9ba00;
}

/* Legacy pi-btn-base: hover #003f19. Legacy buttons were large (24px). */
.btn-primary {
  --ar-btn-hover-bg: #003f19;
  --ar-btn-hover-border-color: #003f19;
  --ar-btn-active-bg: #003f19;
  --ar-btn-active-border-color: #003f19;
}
.btn-lg { --ar-btn-font-size: 1.25rem; }

/* Legacy text tiles: h3 and bold text #21252b, paragraphs black. */
:root:not([data-bs-theme=dark]) .mosaic-booost\.tiles\.text-tile :is(h3, h4, strong, b) {
  color: #21252b;
}

/* Legacy c19-highlight: yellow marker behind sub-headings. Fixed colours,
   so it reads the same in light and dark mode (.text-dark flips in dark). */
.be-mark {
  background-color: #f9ba00;
  color: #000 !important;
}

/* Colophon: legacy company line black, site actions #21252b. */
:root:not([data-bs-theme=dark]) #ui-colophon .nav-link {
  color: #21252b;
}
:root:not([data-bs-theme=dark]) #ui-colophon .nav-link:hover {
  color: #00722d;
}
:root:not([data-bs-theme=dark]) #ui-colophon .nav-link:has(.company) {
  color: #000;
}
/* The year line is a flex nav-link; on phones its spans spread across the
   width (horizontal colophon). Plain text flow instead. */
#ui-colophon .nav-link:has(.company) { display: block; }

/* Dark mode: the brand green #00722d is too dark on the dark body, links and
   green headings get a lighter tint of the same hue (the legacy site had no
   dark mode). */
[data-bs-theme=dark] {
  --ar-link-color: #5fd18c;
  --ar-link-color-rgb: 95, 209, 140;
  --ar-link-hover-color: #8fe0ae;
  --bs-link-color: #5fd18c;
  --bs-link-color-rgb: 95, 209, 140;
}
[data-bs-theme=dark] .text-primary,
[data-bs-theme=dark] .tile-heading {
  color: #5fd18c !important;
}
/* ...except on the yellow team band, which stays light (be-light). */
[data-bs-theme=dark] .be-light .tile-heading,
[data-bs-theme=dark] .be-light .text-primary {
  color: #00722d !important;
}

body.template-folder_contents,
body[class*="controlpanel"],
body.template-sharing,
body.template-historyview {
  --ar-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ar-heading-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
#edit-zone { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }