@charset "UTF-8";
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../../files4u/fonts/opensans-light.woff2") format("woff2"), url("../../files4u/fonts/opensans-light.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../files4u/fonts/opensans-regular.woff2") format("woff2"), url("../../files4u/fonts/opensans-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../files4u/fonts/opensans-bold.woff2") format("woff2"), url("../../files4u/fonts/opensans-bold.ttf") format("truetype");
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files4u/fonts/material-symbols-outlined.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/**
 * _colors4u.scss
 * Farbsystem Keniakinder – zentrale Anlaufstelle für alle Farben.
 * Created: 20260715
 *
 * Notes:
 * - Comments are placed BEFORE the affected line.
 * - ZWEI Ebenen, bewusst getrennt:
 *   1. Alles, was im Block-Editor wählbar sein muss, kommt aus den
 *      Kadence Global Colors (theme.json → settings.custom.brand → --global-paletteN).
 *      Diese Farben werden hier NUR aliasiert, niemals neu definiert – sonst
 *      divergieren Editor-Palette und Frontend.
 *   2. Reine Frontend-Farben ohne Editor-Bezug stehen als Hex (s. TEXT).
 * - Hex-Werte der Palette (Stand 20260715, Quelle: wp option get kadence_global_palette):
 *   palette1 #8f212d Bordeaux (KeniaKinder) · palette2 #eb5e21 Orange (Jetzt helfen)
 *   palette3 #1e1e1c Überschriften · palette4 #40403d Fließtext
 *   palette5 #b58d0e Ocker (Was wir tun) · palette6 #378534 Grün (Kontakt)
 *   palette7 #f5f3ee Hintergrund warm · palette8 #faf9f6 Hintergrund hell · palette9 #ffffff
 */
/* =========================
   BRAND / BASIS (Alias auf Kadence Global Colors)
   ========================= */
/* Primärfarbe */
/* Sekundärfarbe */
/* Dunkel – Überschriften (palette3 #1e1e1c) */
/* Hell / Weiß (palette9 #ffffff) */
/* =========================
   BEREICHSFARBEN (Alias auf Kadence Global Colors)
   Aus der PDF-Vorlage extrahiert, gepflegt in den Kadence Global Colors.
   ========================= */
/* KENIAKINDER – Bordeaux #8f212d (palette1) */
/* JETZT HELFEN – Orange #eb5e21 (palette2) */
/* WAS WIR TUN – Ocker #b58d0e (palette5) */
/* WAS WIR TUN, helle Variante #cc9f00 */
/* KONTAKT – Grün #378534 (palette6) */
/* =========================
   NAVIGATION (Frontend, kein Editor-Bezug)
   ========================= */
/* Aktiver Menüpunkt im Anker-Menü der Bereichsseiten (User-Vorgabe 20260715).
   Setzt sich vom Weiß der übrigen Punkte ab, ohne die Bereichsfarbe zu stören.
   Wird vom Scrollspy gesetzt (is-active4u, s. js4u.js → InitAreaNav4u). */
/* Titel-Kachel auf Impressum/Datenschutz (Kundenwunsch 20260915: „hellgrauer
   Hintergrund und schwarze Schrift"). BEWUSST kein Palette-Alias: Die Kadence-
   Palette führt nur warme Hintergründe (#f5f3ee/#faf9f6), die auf weißem Grund als
   Kachel nicht erkennbar wären. Warmer Grauton statt neutralem, damit er neben den
   vier Bereichsfarben nicht kalt wirkt. */
/* =========================
   TEXT (Frontend, kein Editor-Bezug)
   ========================= */
/* Fließtext auf hellem Grund – Wert aus der PDF-Vorlage (User-Vorgabe 20260715).
   ACHTUNG/Divergenz: Die Kadence-Palette führt palette4 #40403d unter dem Namen
   „Fließtext". Hier steht bewusst der Vorlagen-Wert. Soll die Palette maßgeblich
   werden, palette4 im Kadence-Customizer auf #010101 setzen und hier auf
   var(--wp--custom--brand--text) umstellen (Alias in theme.json ergänzen). */
body {
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

#masthead {
  display: none;
}

.area-page4u .burger4u {
  right: 15px;
}

.burger4u {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  aspect-ratio: 1/1;
  padding: 0.9rem;
  background: #000;
  color: #fff;
  text-decoration: none;
  transition: filter 0.2s ease;
}
.burger4u:hover {
  filter: brightness(1.08);
}
.burger4u:focus-visible {
  filter: brightness(1.08);
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (hover: none), (pointer: coarse) {
  .burger4u,
  .area-page4u .burger4u {
    right: 0;
  }
}
@media (max-width: 991px) {
  .burger4u {
    flex-direction: row;
    gap: 0.6rem;
    aspect-ratio: auto;
    height: 3rem;
    padding: 0 1rem;
  }
  .burger4u .burger4u__label {
    font-size: 0.9rem;
  }
}
@media (max-width: 991px), (max-height: 739px) {
  .area-page4u .burger4u {
    flex-direction: row;
    gap: 0.6rem;
    aspect-ratio: auto;
    height: 3rem;
    padding: 0 1rem;
  }
  .area-page4u .burger4u .burger4u__label {
    font-size: 0.9rem;
  }
}

.burger4u__box {
  position: relative;
  flex: 0 0 auto;
  width: 1.25rem;
  height: 0.9rem;
}

.burger4u__lines, .burger4u__lines::before, .burger4u__lines::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
}
.burger4u__lines {
  top: 50%;
  transform: translateY(-50%);
}
.burger4u__lines::before, .burger4u__lines::after {
  content: "";
}
.burger4u__lines::before {
  top: -6px;
}
.burger4u__lines::after {
  top: 6px;
}

.burger4u__label {
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1;
}

.kachel-menue4u .burger4u {
  display: none;
}

@media (max-width: 991px) {
  .single-content :is(ul, ol):not(.info-card4u ul) {
    padding-left: 1em;
  }
}
[class*=coverzoom-] {
  overflow: hidden;
}

.coverzoom-10 .wp-block-cover__image-background {
  transform: scale(0.1);
}

.coverzoom-20 .wp-block-cover__image-background {
  transform: scale(0.2);
}

.coverzoom-30 .wp-block-cover__image-background {
  transform: scale(0.3);
}

.coverzoom-40 .wp-block-cover__image-background {
  transform: scale(0.4);
}

.coverzoom-50 .wp-block-cover__image-background {
  transform: scale(0.5);
}

.coverzoom-60 .wp-block-cover__image-background {
  transform: scale(0.6);
}

.coverzoom-70 .wp-block-cover__image-background {
  transform: scale(0.7);
}

.coverzoom-80 .wp-block-cover__image-background {
  transform: scale(0.8);
}

.coverzoom-90 .wp-block-cover__image-background {
  transform: scale(0.9);
}

.coverzoom-100 .wp-block-cover__image-background {
  transform: scale(1);
}

.coverzoom-110 .wp-block-cover__image-background {
  transform: scale(1.1);
  clip-path: inset(4.5454545455%);
}

.coverzoom-120 .wp-block-cover__image-background {
  transform: scale(1.2);
  clip-path: inset(8.3333333333%);
}

.coverzoom-130 .wp-block-cover__image-background {
  transform: scale(1.3);
  clip-path: inset(11.5384615385%);
}

.coverzoom-140 .wp-block-cover__image-background {
  transform: scale(1.4);
  clip-path: inset(14.2857142857%);
}

.coverzoom-150 .wp-block-cover__image-background {
  transform: scale(1.5);
  clip-path: inset(16.6666666667%);
}

.coverzoom-160 .wp-block-cover__image-background {
  transform: scale(1.6);
  clip-path: inset(18.75%);
}

.coverzoom-170 .wp-block-cover__image-background {
  transform: scale(1.7);
  clip-path: inset(20.5882352941%);
}

.coverzoom-180 .wp-block-cover__image-background {
  transform: scale(1.8);
  clip-path: inset(22.2222222222%);
}

.coverzoom-190 .wp-block-cover__image-background {
  transform: scale(1.9);
  clip-path: inset(23.6842105263%);
}

.coverzoom-200 .wp-block-cover__image-background {
  transform: scale(2);
  clip-path: inset(25%);
}

.coverzoom-210 .wp-block-cover__image-background {
  transform: scale(2.1);
  clip-path: inset(26.1904761905%);
}

.coverzoom-220 .wp-block-cover__image-background {
  transform: scale(2.2);
  clip-path: inset(27.2727272727%);
}

.coverzoom-230 .wp-block-cover__image-background {
  transform: scale(2.3);
  clip-path: inset(28.2608695652%);
}

.coverzoom-240 .wp-block-cover__image-background {
  transform: scale(2.4);
  clip-path: inset(29.1666666667%);
}

.coverzoom-250 .wp-block-cover__image-background {
  transform: scale(2.5);
  clip-path: inset(30%);
}

.coverzoom-260 .wp-block-cover__image-background {
  transform: scale(2.6);
  clip-path: inset(30.7692307692%);
}

.coverzoom-270 .wp-block-cover__image-background {
  transform: scale(2.7);
  clip-path: inset(31.4814814815%);
}

.coverzoom-280 .wp-block-cover__image-background {
  transform: scale(2.8);
  clip-path: inset(32.1428571429%);
}

.coverzoom-290 .wp-block-cover__image-background {
  transform: scale(2.9);
  clip-path: inset(32.7586206897%);
}

.coverzoom-300 .wp-block-cover__image-background {
  transform: scale(3);
  clip-path: inset(33.3333333333%);
}

.fokus-top .wp-block-cover__image-background,
.fokus-top img {
  -o-object-position: top;
     object-position: top;
}

.fokus-bottom .wp-block-cover__image-background,
.fokus-bottom img {
  -o-object-position: bottom;
     object-position: bottom;
}

.fokus-left .wp-block-cover__image-background,
.fokus-left img {
  -o-object-position: left;
     object-position: left;
}

.fokus-right .wp-block-cover__image-background,
.fokus-right img {
  -o-object-position: right;
     object-position: right;
}

.fokus-left-top .wp-block-cover__image-background,
.fokus-left-top img {
  -o-object-position: left top;
     object-position: left top;
}

.fokus-right-top .wp-block-cover__image-background,
.fokus-right-top img {
  -o-object-position: right top;
     object-position: right top;
}

.fokus-left-bottom .wp-block-cover__image-background,
.fokus-left-bottom img {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.fokus-right-bottom .wp-block-cover__image-background,
.fokus-right-bottom img {
  -o-object-position: right bottom;
     object-position: right bottom;
}

.fokus-center .wp-block-cover__image-background,
.fokus-center img {
  -o-object-position: center;
     object-position: center;
}

.home .entry-hero {
  display: none;
}

.home .entry-content-wrap {
  padding: 0;
}

.home .site-container {
  max-width: none;
  margin: 0;
  padding: 0;
}

.home .content-area {
  margin-top: 0;
  margin-bottom: 0;
}

.home #wrapper {
  scroll-behavior: smooth;
  position: relative;
  z-index: 0;
  margin-bottom: 0;
}

.home .mini-footer4u {
  position: relative;
  z-index: auto;
}

.home-snap4u {
  position: relative;
}

.home-hero4u {
  display: flex;
  align-items: flex-end;
  height: 440px;
  max-height: 440px;
  overflow: hidden;
  background: var(--wp--custom--brand--dark);
}
.home-hero4u__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-hero4u__brand {
  position: absolute;
  z-index: 1;
  top: 45%;
  left: 55%;
  transform: translateY(-50%);
}
@media (min-width: 992px) {
  .home-hero4u__brand {
    left: 60%;
  }
}
.home-hero4u__logo {
  width: 350px;
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}
.home-hero4u__paypal {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 4%;
  padding: 0.75rem 1.5rem;
  background: var(--wp--custom--brand--section-engagement);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
}
@media (hover: hover) {
  .home-hero4u__paypal:hover {
    filter: brightness(1.08);
  }
}
.home-hero4u__paypal:focus-visible {
  filter: brightness(1.08);
}

.home-teaser4u {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 0 !important;
  padding: 1rem 0.7rem 0;
  background: #fff;
  border-bottom: 1px solid color-mix(in srgb, var(--tile-color) 5%, transparent);
}
@media (min-width: 992px) {
  .home-teaser4u {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
    padding: 39px 0 42px 4%;
  }
}
.home-teaser4u__nav {
  flex: 0 0 auto;
  margin-bottom: 0 !important;
}
@media (min-width: 992px) {
  .home-teaser4u__nav {
    width: 18.5%;
    max-width: 16rem;
  }
}
.home-teaser4u__title {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 40%;
  margin: 0 0 0.9rem;
  padding: 0.45rem;
  padding-top: 23%;
  background: var(--tile-color);
  color: #fff;
  font-size: clamp(1rem, 0.85rem + 0.6vw, 1.25rem);
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .home-teaser4u__title {
    width: 80%;
    padding: 1.25rem;
    padding-top: 28%;
  }
}
.home-teaser4u__list {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 1rem 1.25rem 1.1rem;
  list-style: none;
  background: var(--tile-color);
  color: #fff;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .home-teaser4u__list {
    padding: 1.5rem 1.5rem 60px;
  }
}
.home-teaser4u__list li {
  display: flex;
  align-items: baseline;
  margin: 0;
}
.home-teaser4u__list li::before {
  content: "_";
  flex-shrink: 0;
  margin-right: 0.5rem;
  opacity: 0.85;
}
.home-teaser4u__list .home-teaser4u__list-label {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
}
.home-teaser4u__list .home-teaser4u__list-label:first-child {
  margin-top: 0;
}
.home-teaser4u__list .home-teaser4u__list-label::before {
  content: none;
}
.home-teaser4u__list .home-teaser4u__list-sub::before {
  visibility: hidden;
}
.home-teaser4u__list a {
  padding-block: 0;
  color: #fff;
  font-size: 0.85rem;
  line-height: 1.4;
  text-decoration: none;
}
.home-teaser4u__list a:hover {
  text-decoration: underline;
}
.home-teaser4u__list a:focus-visible {
  text-decoration: underline;
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.home-teaser4u__body {
  flex: 1 1 auto;
  order: 1;
  color: #010101;
  font-size: 0.95rem;
  line-height: 1.55;
}
@media (min-width: 992px) {
  .home-teaser4u__body {
    order: 0;
    padding-top: 64px;
    padding-left: 3.4%;
    padding-right: 3.4%;
  }
}
.home-teaser4u__body .wp-block-heading {
  margin-bottom: 0.4rem;
  color: var(--tile-color);
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.25;
}
.home-teaser4u__body .lead4u {
  margin-top: 0;
  color: var(--tile-color);
  font-weight: 700;
}
.home-teaser4u__body .highlight4u {
  color: var(--tile-color);
  font-weight: 700;
}
.home-teaser4u__body h2.wp-block-heading + :not(.lead4u) {
  margin-top: var(--global-md-spacing, 2rem);
}
.home-teaser4u__body .wp-block-heading {
  margin-top: 0;
  text-transform: uppercase;
}
.home-teaser4u__photo {
  order: 0;
  margin: 0;
  width: 100%;
  height: 30vh;
}
@media (min-width: 992px) {
  .home-teaser4u__photo {
    order: 0;
    position: relative;
    flex: 0 0 36%;
    align-self: stretch;
    height: auto;
  }
}
.home-teaser4u__photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-teaser4u__photo-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .home-teaser4u__photo-inner {
    position: sticky;
    top: 64px;
    height: 480px;
    max-height: 100%;
  }
}

.home-teaser4u.intro-toggle4u .intro-toggle4u__map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.home-teaser4u.intro-toggle4u .intro-toggle4u__map img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-teaser4u.intro-toggle4u.is-map4u .intro-toggle4u__map {
  opacity: 1;
  pointer-events: auto;
}
.home-teaser4u.intro-toggle4u .intro-toggle4u__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 3;
  width: 2rem;
  height: 2rem;
  padding: 0 !important;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6) !important;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}
.home-teaser4u.intro-toggle4u .intro-toggle4u__close:hover, .home-teaser4u.intro-toggle4u .intro-toggle4u__close:focus-visible {
  background: rgba(0, 0, 0, 0.8);
}
.home-teaser4u.intro-toggle4u .intro-toggle4u__cta {
  margin-top: 1.5rem;
}
.home-teaser4u.intro-toggle4u .intro-toggle4u__cta-btn {
  padding: 0.6rem 1.5rem !important;
  border: 1px solid var(--tile-color) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--tile-color) !important;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.home-teaser4u.intro-toggle4u .intro-toggle4u__cta-btn:focus, .home-teaser4u.intro-toggle4u .intro-toggle4u__cta-btn:active {
  background: none !important;
  box-shadow: none !important;
  color: var(--tile-color) !important;
}
@media (hover: hover) {
  .home-teaser4u.intro-toggle4u .intro-toggle4u__cta-btn:hover {
    background: var(--tile-color) !important;
    color: #fff !important;
  }
}
.home-teaser4u.intro-toggle4u .intro-toggle4u__cta-btn:focus-visible {
  background: var(--tile-color) !important;
  color: #fff !important;
}

@media (min-width: 992px) {
  .home-teaser4u--contact .home-teaser4u__body {
    padding-right: 41%;
  }
  .home-teaser4u--contact .home-teaser4u__photo {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 34.56%;
    height: auto;
  }
  .home-teaser4u--contact .home-teaser4u__photo-inner {
    position: static;
    height: 100%;
  }
}

.home-teaser4u--engagement {
  --tile-color: var(--wp--custom--brand--section-engagement);
}

.home-teaser4u--help {
  --tile-color: var(--wp--custom--brand--section-help);
}

.home-teaser4u--action {
  --tile-color: var(--wp--custom--brand--section-action);
}

.home-teaser4u--contact {
  --tile-color: var(--wp--custom--brand--section-contact);
}

.kachel-menue4u .entry-hero {
  display: none;
}

.kachel-menue4u .entry-content-wrap {
  padding: 0;
}

.kachel-menue4u .site-container {
  max-width: none;
  margin: 0;
  padding: 0;
}

.kachel-menue4u .content-area {
  margin-top: 0;
  margin-bottom: 0;
}

.menu-tiles4u {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  padding-block: 0rem 2rem;
}
@media (min-width: 768px) {
  .menu-tiles4u {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .menu-tiles4u {
    grid-template-columns: 1fr 12px 1fr calc(6rem - 24px) 1fr 12px 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    align-items: start;
  }
}

.menu-tile4u {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9rem;
}

.menu-tile4u .menu-tile4u__title {
  width: 100%;
  margin: 0;
  max-width: 209px;
}
.menu-tile4u .menu-tile4u__title a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 100%;
  padding: 1.75rem;
  padding-top: 33%;
  background: var(--tile-color);
  color: #fff;
  font-weight: 500;
  font-size: clamp(1rem, 0.85rem + 0.6vw, 1.25rem);
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
  transition: filter 0.2s ease;
}
.menu-tile4u .menu-tile4u__title a:hover {
  filter: brightness(1.08);
}
.menu-tile4u .menu-tile4u__title a:focus-visible {
  filter: brightness(1.08);
  outline: 2px solid #fff;
  outline-offset: -6px;
}

.menu-tile4u__list {
  width: 100%;
  margin: 0;
  padding: 1.5rem 1.5rem 1.75rem;
  list-style: none;
  background: var(--tile-color);
  color: #fff;
  line-height: 1.4;
}
.menu-tile4u__list li {
  display: flex;
  align-items: baseline;
  margin: 0;
}
.menu-tile4u__list li::before {
  content: "_";
  flex-shrink: 0;
  margin-right: 0.3rem;
  opacity: 0.85;
}
.menu-tile4u__list li.menu-tile4u__list-label {
  margin-top: 0.75rem;
  font-size: 1rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.menu-tile4u__list li.menu-tile4u__list-label::before {
  content: none;
}
.menu-tile4u__list li.menu-tile4u__list-label:first-child {
  margin-top: 0;
}
.menu-tile4u__list li.menu-tile4u__list-sub::before {
  visibility: hidden;
}
.menu-tile4u__list a {
  padding-block: 0;
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.4;
  text-decoration: none;
}
.menu-tile4u__list a:hover {
  text-decoration: underline;
}
.menu-tile4u__list a:focus-visible {
  text-decoration: underline;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.menu-tile4u--engagement {
  --tile-color: var(--wp--custom--brand--section-engagement);
}

.menu-tile4u--help {
  --tile-color: var(--wp--custom--brand--section-help);
}

.menu-tile4u--action {
  --tile-color: var(--wp--custom--brand--section-action);
}

.menu-tile4u--contact {
  --tile-color: var(--wp--custom--brand--section-contact);
}

@media (min-width: 992px) {
  .menu-tile4u__title {
    width: 80%;
  }
  .menu-tile4u__list {
    padding-bottom: 60px;
  }
  .menu-tile4u--engagement {
    grid-column: 1/2;
    padding-top: 3rem;
  }
  .menu-tile4u--help {
    grid-column: 3/4;
    padding-top: 14rem;
  }
  .menu-tile4u--action {
    grid-column: 5/6;
    padding-top: 0;
  }
  .menu-tile4u--contact {
    grid-column: 7/8;
    padding-top: 23rem;
  }
}
body.area-page4u {
  height: 100dvh;
  overflow: hidden;
}

.area-page4u #wrapper {
  scroll-behavior: smooth;
  height: 100dvh;
  min-height: 0;
  overflow-y: auto;
  position: relative;
  z-index: 0;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .area-page4u #wrapper {
    scroll-snap-type: y mandatory;
  }
}

.area-page4u .mini-footer4u {
  position: relative;
  z-index: auto;
  scroll-snap-align: start;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .area-page4u .mini-footer4u {
    margin-top: 3rem;
  }
}

.area-page4u .entry-hero {
  display: none;
}

.area-page4u .entry-content-wrap {
  padding: 0;
}

.area-page4u .site-container {
  max-width: none;
  margin: 0;
  padding: 0;
}

.area-page4u .content-area {
  margin-top: 0;
  margin-bottom: 0;
}

.area-page4u--engagement {
  --area-color: var(--wp--custom--brand--section-engagement);
}

.area-page4u--help {
  --area-color: var(--wp--custom--brand--section-help);
}

.area-page4u--action {
  --area-color: var(--wp--custom--brand--section-action);
}

.area-page4u--contact {
  --area-color: var(--wp--custom--brand--section-contact);
}

.area-page4u .wp-block-cover.snap-scroll {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  justify-content: flex-start;
  padding: 0;
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  padding-top: 30px;
}
@media (max-width: 991px) {
  .area-page4u .wp-block-cover.snap-scroll {
    margin-bottom: 0;
    min-height: 0 !important;
  }
}
@media (min-width: 992px) {
  .area-page4u .wp-block-cover.snap-scroll {
    flex-direction: row;
    align-items: flex-start;
    padding-top: 0;
  }
}
.area-page4u .wp-block-cover.snap-scroll .wp-block-cover__image-background {
  position: relative;
  flex: 0 0 auto;
  left: auto;
  right: auto;
  width: 100%;
  height: 30vh;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .area-page4u .wp-block-cover.snap-scroll .wp-block-cover__image-background {
    position: absolute;
    left: auto;
    right: 0;
    width: 36%;
    height: 100%;
    max-height: 100dvh;
  }
}
.area-page4u .wp-block-cover.snap-scroll .intro-toggle4u__map {
  top: 30px;
}
@media (min-width: 992px) {
  .area-page4u .wp-block-cover.snap-scroll .intro-toggle4u__map {
    top: 0;
    max-height: 100dvh;
  }
}
@media (max-width: 991px) {
  .area-page4u .wp-block-cover.snap-scroll .intro-toggle4u__map:is(.donate-form4u, .proof-toggle4u__doc) {
    position: fixed;
    inset: 3rem 0 0;
    z-index: 50;
    width: auto;
    height: auto;
    max-height: none;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .area-page4u .wp-block-cover.snap-scroll .donate-form4u {
    justify-content: flex-start;
    padding: 3.25rem 1.25rem 2rem;
  }
  .area-page4u .wp-block-cover.snap-scroll .donate-form4u::before, .area-page4u .wp-block-cover.snap-scroll .donate-form4u::after {
    content: none;
  }
  .area-page4u .wp-block-cover.snap-scroll .proof-toggle4u__doc .proof-toggle4u__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 3.25rem 1.25rem 2rem;
  }
  .area-page4u .wp-block-cover.snap-scroll .proof-toggle4u__doc img {
    flex: 1 1 0;
    min-height: 0;
    height: auto;
  }
  .area-page4u .wp-block-cover.snap-scroll .proof-toggle4u__doc .proof-toggle4u__label {
    position: static;
    transform: none;
    white-space: normal;
  }
  .area-page4u .wp-block-cover.snap-scroll .proof-toggle4u__doc .intro-toggle4u__close {
    left: auto;
    right: 0.75rem;
  }
}
.area-page4u .wp-block-cover.snap-scroll .wp-block-cover__background {
  display: none;
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u {
  position: static;
  z-index: 1;
  width: auto;
  max-width: none;
  display: flex;
  flex-direction: row;
  height: 22vh;
  gap: 0.45rem;
  margin: 0 0 1.5rem;
  padding: 0;
}
@media (min-width: 992px) {
  .area-page4u .wp-block-cover.snap-scroll .img-stack4u {
    position: absolute;
    inset: 0 0 auto auto;
    width: 36%;
    flex-direction: column;
    height: 100%;
    max-height: 100dvh;
    margin: 0;
  }
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u > .wp-block-image {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  margin: 0;
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u img {
  display: block;
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u figcaption {
  flex: 0 0 auto;
  margin: 0.35rem 0 0;
  color: #010101;
  font-size: 0.75rem;
  line-height: 1.35;
  text-align: left;
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u.caption-tooltip4u > .wp-block-image {
  position: relative;
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u.caption-tooltip4u > .wp-block-image figcaption {
  position: absolute;
  inset: auto 0 0;
  max-height: 100%;
  overflow-y: auto;
  margin: 0;
  padding: 0.6rem 0.8rem;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u.caption-tooltip4u > .wp-block-image.is-caption4u figcaption {
  opacity: 1;
  pointer-events: auto;
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u.caption-tooltip4u > .wp-block-image:has(figcaption) {
  cursor: pointer;
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u.caption-tooltip4u > .wp-block-image:has(figcaption)::after {
  content: "i";
  position: absolute;
  left: 0.6rem;
  bottom: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-family: Georgia, serif;
  font-size: 0.95rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.area-page4u .wp-block-cover.snap-scroll .img-stack4u.caption-tooltip4u > .wp-block-image.is-caption4u::after {
  opacity: 0;
}
@media (hover: hover) {
  .area-page4u .wp-block-cover.snap-scroll .img-stack4u.caption-tooltip4u > .wp-block-image:hover figcaption {
    opacity: 1;
  }
  .area-page4u .wp-block-cover.snap-scroll .img-stack4u.caption-tooltip4u > .wp-block-image:hover::after {
    opacity: 0;
  }
}
.area-page4u .wp-block-cover.snap-scroll .wp-block-cover__inner-container {
  position: static;
  flex: 1 1 auto;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 1.5rem 1.25rem 0;
}
@media (min-width: 992px) {
  .area-page4u .wp-block-cover.snap-scroll .wp-block-cover__inner-container {
    padding: 105px 0 4rem;
  }
}
.area-page4u .wp-block-cover.snap-scroll .wp-block-cover__inner-container > :first-child,
.area-page4u .wp-block-cover.snap-scroll .wp-block-cover__inner-container > .img-stack4u + *,
.area-page4u .wp-block-cover.snap-scroll .wp-block-cover__inner-container > .intro-toggle4u__map + * {
  margin-top: 0;
}
.area-page4u .wp-block-cover.snap-scroll .wp-block-cover__inner-container > h2.wp-block-heading:first-of-type {
  margin-top: 0;
}
.area-page4u .wp-block-cover.snap-scroll .wp-block-cover__inner-container {
  color: #010101;
  font-size: 0.95rem;
  line-height: 1.55;
}
@media (min-width: 992px) {
  .area-page4u .wp-block-cover.snap-scroll .wp-block-cover__inner-container {
    margin-left: 25%;
    margin-right: 40%;
  }
}
@media (min-width: 992px) {
  .area-page4u .wp-block-cover.snap-scroll.cover-form4u .wp-block-cover__inner-container {
    margin-right: 4%;
    max-width: 34rem;
  }
}
.area-page4u .wp-block-cover.snap-scroll.cover-form4u .form-note4u {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
}
.area-page4u .wp-block-cover.snap-scroll.cover-form4u .form-note4u a {
  color: inherit;
  text-decoration: underline;
}
.area-page4u .wp-block-cover.snap-scroll.cover-form4u .frm_button_submit {
  padding: 0.6rem 1.5rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--area-color) !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: inherit;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.area-page4u .wp-block-cover.snap-scroll.cover-form4u .frm_button_submit:hover, .area-page4u .wp-block-cover.snap-scroll.cover-form4u .frm_button_submit:focus, .area-page4u .wp-block-cover.snap-scroll.cover-form4u .frm_button_submit:active {
  background: var(--area-color) !important;
  box-shadow: none !important;
  color: #fff !important;
}
@media (hover: hover) {
  .area-page4u .wp-block-cover.snap-scroll.cover-form4u .frm_button_submit:hover {
    filter: brightness(1.08);
  }
}
.area-page4u .wp-block-cover.snap-scroll.cover-form4u .frm_button_submit:focus-visible {
  filter: brightness(1.08);
}

.area-page4u .wp-block-cover.snap-scroll .wp-block-heading {
  margin-bottom: 0.4rem;
  color: var(--area-color);
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.25;
}
.area-page4u .wp-block-cover.snap-scroll .lead4u {
  margin-top: 0;
  color: var(--area-color);
  font-weight: 700;
}
.area-page4u .wp-block-cover.snap-scroll .highlight4u {
  color: var(--area-color);
  font-weight: 700;
}
.area-page4u .wp-block-cover.snap-scroll h2.wp-block-heading + :not(.lead4u) {
  margin-top: var(--global-md-spacing, 2rem);
}
.area-page4u .wp-block-cover.snap-scroll .wp-block-heading {
  scroll-margin-top: 3rem;
}
@media (min-width: 992px) {
  .area-page4u .wp-block-cover.snap-scroll .wp-block-heading {
    scroll-margin-top: 105px;
  }
}
.area-page4u .wp-block-cover.snap-scroll h3.wp-block-heading {
  margin-top: 2rem;
  font-size: clamp(1rem, 0.9rem + 0.4vw, 1.15rem);
  font-weight: 700;
}
.area-page4u .wp-block-cover.snap-scroll .cta4u {
  margin-top: 1.5rem;
  color: #010101;
}
.area-page4u .wp-block-cover.snap-scroll .cta4u__link {
  color: inherit;
  font-size: 0.8rem;
  text-decoration: none;
}
.area-page4u .wp-block-cover.snap-scroll .cta4u__link:hover, .area-page4u .wp-block-cover.snap-scroll .cta4u__link:focus-visible {
  text-decoration: underline;
}
.area-page4u .wp-block-cover.snap-scroll .paypal-btn4u {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.75rem 1.75rem !important;
  border: 0;
  border-radius: 0;
  background: var(--wp--custom--brand--section-engagement) !important;
  color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.area-page4u .wp-block-cover.snap-scroll .paypal-btn4u:hover, .area-page4u .wp-block-cover.snap-scroll .paypal-btn4u:focus-visible {
  background: var(--wp--custom--brand--section-engagement) !important;
  color: #fff;
}
@media (hover: hover) {
  .area-page4u .wp-block-cover.snap-scroll .paypal-btn4u:hover {
    filter: brightness(1.08);
  }
}
.area-page4u .wp-block-cover.snap-scroll .paypal-btn4u:focus-visible {
  filter: brightness(1.08);
}
.area-page4u .wp-block-cover.snap-scroll .img-captions4u {
  margin: 1rem 0 0;
  font-size: 0.8rem;
  line-height: 1.4;
}
.area-page4u .wp-block-cover.snap-scroll .img-captions4u + .img-captions4u {
  margin-top: 0.5rem;
}

.area-nav4u {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: auto;
  max-width: calc(100% - 6rem);
}
@media (min-width: 992px) and (min-height: 740px) {
  .area-nav4u {
    top: 2.5rem;
    left: 4%;
    width: 17.5%;
    max-width: 16rem;
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 3.5rem);
    pointer-events: none;
  }
  .area-nav4u > * {
    flex-shrink: 0;
    pointer-events: auto;
  }
}

.area-nav4u__toggle {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.6rem;
  height: 3rem;
  padding: 0 1rem;
  border: 0;
  border-radius: 0;
  background: var(--area-color);
  color: #fff;
  font-family: inherit;
  font-size: 0.9rem;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}
.area-nav4u__toggle:hover, .area-nav4u__toggle:focus, .area-nav4u__toggle:active {
  background: var(--area-color) !important;
  color: #fff !important;
  box-shadow: none !important;
}
@media (hover: hover) {
  .area-nav4u__toggle:hover {
    filter: brightness(1.08);
  }
}
.area-nav4u__toggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}
@media (min-width: 992px) and (min-height: 740px) {
  .area-nav4u__toggle {
    display: none;
  }
}

.area-nav4u__home-bar {
  display: inline-block;
  vertical-align: top;
  width: 3rem;
  height: 3rem;
  padding: 0;
  background: #fff;
}
.area-nav4u__home-bar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.area-nav4u__home-bar:focus-visible {
  outline: 2px solid var(--area-color);
  outline-offset: -2px;
}
@media (min-width: 992px) and (min-height: 740px) {
  .area-nav4u__home-bar {
    display: none;
  }
}

.area-nav4u__toggle-icon {
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-25%) rotate(45deg);
  transition: transform 0.2s ease;
}
.is-open4u .area-nav4u__toggle-icon {
  transform: translateY(25%) rotate(-135deg);
}

.area-nav4u__title {
  display: none;
  align-items: flex-start;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 80%;
  margin: 0;
  padding: 1.5rem;
  padding-top: 33%;
  background: var(--area-color);
  color: #fff;
  font-size: clamp(1rem, 0.85rem + 0.6vw, 1.25rem);
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: filter 0.2s ease;
}
@media (min-width: 992px) and (min-height: 740px) {
  .area-nav4u__title {
    display: flex;
  }
}
.area-nav4u__title:hover, .area-nav4u__title:focus-visible {
  filter: brightness(1.08);
  color: #fff;
}
.area-nav4u__title.is-active4u {
  color: #ffed00;
}

.area-nav4u__list {
  display: none;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  max-height: calc(100dvh - 3rem);
  overflow-y: auto;
  margin: 0;
  padding: 1rem 1rem 1.25rem;
  list-style: none;
  background: var(--area-color);
  color: #fff;
  line-height: 1.4;
}
.is-open4u .area-nav4u__list {
  display: block;
}
@media (min-width: 992px) and (min-height: 740px) {
  .area-nav4u__list {
    display: block;
    width: 100%;
    max-height: none;
    overflow-y: visible;
    margin: 0.9rem 0 0;
    padding: 1.5rem 1.5rem 60px;
  }
}
.area-nav4u__list li {
  display: flex;
  align-items: baseline;
  margin: 0;
}
.area-nav4u__list li::before {
  content: "_";
  flex-shrink: 0;
  margin-right: 0.5rem;
  opacity: 0.85;
}
.area-nav4u__list .area-nav4u__group {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
}
.area-nav4u__list .area-nav4u__group:first-child {
  margin-top: 0;
}
.area-nav4u__list .area-nav4u__group::before {
  content: none;
}
.area-nav4u__list .area-nav4u__sub::before {
  visibility: hidden;
}
.area-nav4u__list a {
  padding-block: 0;
  color: #fff;
  font-size: 0.85rem;
  line-height: 1.4;
  text-decoration: none;
}
.area-nav4u__list a:hover {
  text-decoration: underline;
}
.area-nav4u__list a:focus-visible {
  text-decoration: underline;
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.area-nav4u__list .is-active4u {
  color: #ffed00;
}
.area-nav4u__list .is-active4u a {
  color: #ffed00;
}

.area-nav4u__home {
  display: none;
  width: 80%;
  margin: 0;
  transition: opacity 0.2s ease;
}
@media (min-width: 992px) and (min-height: 740px) {
  .area-nav4u__home {
    display: block;
    flex: 1 1 0;
    min-height: 0;
    max-height: calc(min(17.5vw, 16rem) * 0.8 * 0.817);
    container-type: size;
  }
}
.area-nav4u__home:hover, .area-nav4u__home:focus-visible {
  opacity: 0.75;
}

.area-nav4u__home-img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) and (min-height: 740px) {
  .area-nav4u__home-img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left top;
       object-position: left top;
  }
}

@container (max-height: 40px) {
  .area-nav4u__home-img {
    display: none;
  }
}
.area-nav4u--legal4u .area-nav4u__title {
  background: #d9d9d6;
  color: #000;
  cursor: default;
}
.area-nav4u--legal4u .area-nav4u__title:hover, .area-nav4u--legal4u .area-nav4u__title:focus-visible {
  filter: none;
  color: #000;
}

@media (min-width: 992px) and (min-height: 740px) {
  .legal-page4u .site-container {
    padding-left: 24%;
  }
}

.legal-page4u .entry-hero {
  display: none;
}

.area-page4u .wp-block-cover.snap-scroll.intro-cover4u .wp-block-cover__image-background,
.area-page4u .wp-block-cover.snap-scroll.intro-cover4u .intro-toggle4u__map {
  max-height: 600px;
}
@media (min-width: 992px) {
  .area-page4u .wp-block-cover.snap-scroll.intro-cover4u .wp-block-cover__image-background,
  .area-page4u .wp-block-cover.snap-scroll.intro-cover4u .intro-toggle4u__map {
    top: 0;
    bottom: 0;
    margin-block: auto;
  }
}

.area-page4u .entry-content > .wp-block-cover:first-of-type .wp-block-cover__inner-container > h2.wp-block-heading:first-of-type {
  text-transform: uppercase;
}

.intro-toggle4u .intro-toggle4u__map {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100%;
  height: 30vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
  scroll-margin-top: 3rem;
}
@media (min-width: 992px) and (min-height: 740px) {
  .intro-toggle4u .intro-toggle4u__map {
    scroll-margin-top: 0;
  }
}
@media (min-width: 992px) {
  .intro-toggle4u .intro-toggle4u__map {
    width: 36%;
    height: 100%;
  }
}
.intro-toggle4u .intro-toggle4u__map img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intro-toggle4u.is-map4u .intro-toggle4u__map {
  opacity: 1;
  pointer-events: auto;
}
.intro-toggle4u .map-credit4u {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0.15rem 0.4rem;
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  font-size: 0.7rem;
  line-height: 1.3;
  text-decoration: none;
}
@media (hover: hover) {
  .intro-toggle4u .map-credit4u:hover {
    text-decoration: underline;
  }
}
.intro-toggle4u .map-credit4u:focus-visible {
  text-decoration: underline;
}
.intro-toggle4u .intro-toggle4u__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 3;
  width: 2rem;
  height: 2rem;
  padding: 0 !important;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6) !important;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.intro-toggle4u .intro-toggle4u__close:hover, .intro-toggle4u .intro-toggle4u__close:focus-visible {
  background: rgba(0, 0, 0, 0.8);
}
.intro-toggle4u .intro-toggle4u__cta {
  margin-top: 1.5rem;
}
.intro-toggle4u .intro-toggle4u__cta-btn {
  padding: 0.6rem 1.5rem !important;
  border: 1px solid var(--area-color) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--area-color) !important;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.intro-toggle4u .intro-toggle4u__cta-btn:focus, .intro-toggle4u .intro-toggle4u__cta-btn:active {
  background: none !important;
  box-shadow: none !important;
  color: var(--area-color) !important;
}
@media (hover: hover) {
  .intro-toggle4u .intro-toggle4u__cta-btn:hover {
    background: var(--area-color) !important;
    color: #fff !important;
  }
}
.intro-toggle4u .intro-toggle4u__cta-btn:focus-visible {
  background: var(--area-color) !important;
  color: #fff !important;
}

.proof-toggle4u .proof-toggle4u__doc {
  background: #eef1f4;
}
.proof-toggle4u .proof-toggle4u__doc .proof-toggle4u__inner {
  position: relative;
  height: 100%;
  padding: 2rem;
}
.proof-toggle4u .proof-toggle4u__doc img {
  -o-object-fit: contain;
     object-fit: contain;
}
.proof-toggle4u .proof-toggle4u__doc .proof-toggle4u__label {
  position: absolute;
  left: 50%;
  bottom: 3rem;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 0.6rem 1.5rem !important;
  border: 1px solid var(--area-color) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--area-color) !important;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.proof-toggle4u .proof-toggle4u__doc .proof-toggle4u__label:focus, .proof-toggle4u .proof-toggle4u__doc .proof-toggle4u__label:active {
  background: none !important;
  box-shadow: none !important;
  color: var(--area-color) !important;
}
@media (hover: hover) {
  .proof-toggle4u .proof-toggle4u__doc .proof-toggle4u__label:hover {
    background: var(--area-color) !important;
    color: #fff !important;
  }
}
.proof-toggle4u .proof-toggle4u__doc .proof-toggle4u__label:focus-visible {
  background: var(--area-color) !important;
  color: #fff !important;
}
.proof-toggle4u .proof-toggle4u__doc .intro-toggle4u__close {
  left: 0.75rem;
  right: auto;
}

.info-card4u {
  margin-top: 1.5rem;
}
.info-card4u .wp-block-heading {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.info-card4u ul {
  margin: 0;
  padding-left: 1.2rem;
}
.info-card4u li {
  margin-bottom: 0.4rem;
}

.media-controls4u {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.media-controls4u audio,
.media-controls4u video {
  display: none;
}
.media-controls4u__btn {
  position: relative;
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0 !important;
  border: 0;
  background: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.media-controls4u__btn:hover, .media-controls4u__btn:focus-visible {
  background: none !important;
}
@media (hover: hover) {
  .media-controls4u__btn:hover {
    filter: brightness(1.1);
  }
}
.media-controls4u__btn:focus-visible {
  filter: brightness(1.1);
}
.media-controls4u__icon {
  display: block;
  width: 100%;
  height: 100%;
}
.media-controls4u__icon[hidden] {
  display: none;
}
.media-controls4u__num {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  display: grid;
  place-items: center;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: var(--area-color, #010101);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
}

.video-modal4u {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-modal4u[hidden] {
  display: none;
}
.video-modal4u__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
}
.video-modal4u__dialog {
  position: relative;
  z-index: 1;
  width: min(90vw, 80vh * var(--video-ratio4u, 1.7778), 960px);
}
.video-modal4u__player {
  display: block;
  width: 100%;
  aspect-ratio: var(--video-ratio4u, 16/9);
  background: #000;
}
.video-modal4u__close {
  position: absolute;
  top: -2.5rem;
  right: 0;
  width: 2rem;
  height: 2rem;
  padding: 0 !important;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6) !important;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}

p.contact-name4u {
  margin-bottom: 0;
  color: #010101;
  font-size: 1.35rem;
  line-height: 1.25;
}

p.contact-phones4u {
  margin-top: 0.2rem;
}
p.contact-phones4u a {
  color: inherit;
  text-decoration: none;
}
p.contact-phones4u a:hover, p.contact-phones4u a:focus-visible {
  text-decoration: underline;
}

.reports4u {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  padding-left: 0 !important;
}

.reports4u__item {
  position: relative;
  margin: 0;
}

.reports4u__toggle {
  display: inline-block;
  margin: 0;
  padding: 0.1rem 0 !important;
  border: 0;
  border-radius: 0;
  background: none !important;
  box-shadow: none !important;
  color: var(--area-color, #010101);
  font-family: inherit;
  font-size: clamp(1.1rem, 0.95rem + 0.6vw, 1.35rem);
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
}
.reports4u__toggle:hover, .reports4u__toggle:focus-visible, .is-open4u .reports4u__toggle {
  background: none !important;
  color: var(--area-color, #010101);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.reports4u__toggle:focus-visible {
  outline: 2px solid var(--area-color, #010101);
  outline-offset: 2px;
}

.reports4u__pop {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4;
  display: flex;
  gap: 1.25rem;
  padding: 0.6rem 1rem;
  background: #fff;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.18);
  white-space: nowrap;
}
.reports4u__pop[hidden] {
  display: none;
}
@media (min-width: 992px) {
  .reports4u__pop {
    top: 50%;
    left: calc(100% + 0.75rem);
    transform: translateY(-50%);
  }
}

@media (min-width: 992px) {
  .reports4u__item {
    width: -moz-max-content;
    width: max-content;
  }
}
.latest-report4u {
  margin-top: 1.5rem;
  color: #010101;
}
.latest-report4u .reports4u__toggle {
  color: #010101;
  font-size: inherit;
  font-weight: 700;
}

.latest-report4u__preview {
  display: block;
  width: min(17rem, 100%);
  margin-top: 1.5rem;
  transition: opacity 0.2s ease;
}
.latest-report4u__preview:hover, .latest-report4u__preview:focus-visible {
  opacity: 0.85;
}
.latest-report4u__preview img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5/6;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.reports4u__link {
  color: #010101;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
}
.reports4u__link:hover, .reports4u__link:focus-visible {
  color: var(--area-color, #010101);
  text-decoration: underline;
}

.donate-form4u {
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0s linear 0.25s;
}
.is-map4u .donate-form4u {
  visibility: visible;
  transition: opacity 0.25s ease, visibility 0s;
}
.donate-form4u {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow-y: auto;
  padding: calc(3rem + 1rem) 2rem 2.5rem;
  background: #fff;
  color: #010101;
}
.donate-form4u .frm_forms,
.donate-form4u form {
  width: 100%;
}
.donate-form4u::before, .donate-form4u::after {
  content: "";
  flex: 1 0 0;
}
.donate-form4u .frm_form_field {
  margin-bottom: 1.1rem;
}
.donate-form4u .frm_primary_label {
  display: block;
  margin-bottom: 0.15rem;
  color: var(--area-color, #010101);
  font-size: 0.9rem;
  font-weight: 400;
}
.donate-form4u .frm_required {
  opacity: 0.6;
}
.donate-form4u input[type=text],
.donate-form4u input[type=email],
.donate-form4u input[type=number],
.donate-form4u textarea {
  width: 100%;
  padding: 0.25rem 0 0.35rem;
  border: 0;
  border-bottom: 1px solid var(--area-color, #010101);
  border-radius: 0;
  background: none;
  color: #010101;
  font-family: inherit;
  font-size: 0.95rem;
}
.donate-form4u input[type=text]:focus,
.donate-form4u input[type=email]:focus,
.donate-form4u input[type=number]:focus,
.donate-form4u textarea:focus {
  outline: none;
  border-bottom-width: 2px;
}
.donate-form4u textarea {
  padding: 0.4rem 0.5rem;
  border: 1px solid var(--area-color, #010101);
}
.donate-form4u textarea:focus {
  border-bottom-width: 1px;
  box-shadow: 0 0 0 1px var(--area-color, #010101);
}
.donate-form4u .frm_description {
  margin-top: 0.15rem;
  color: rgba(0, 0, 0, 0.55);
  font-size: 0.75rem;
}
.donate-form4u .frm_radio,
.donate-form4u .frm_checkbox {
  margin-bottom: 0.5rem;
}
.donate-form4u .frm_radio label,
.donate-form4u .frm_checkbox label {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  color: var(--area-color, #010101);
  font-size: 0.85rem;
  line-height: 1.35;
}
.donate-form4u .frm_radio input,
.donate-form4u .frm_checkbox input {
  flex: 0 0 auto;
  margin-top: 0.15rem;
  accent-color: var(--area-color, #010101);
}
.donate-form4u .donate-form4u__note {
  margin: 1.25rem 0 0;
  color: var(--area-color, #010101);
  font-size: 0.85rem;
  line-height: 1.35;
}
.donate-form4u .donate-form4u__note + .donate-form4u__note {
  margin-top: 0.5rem;
}
.donate-form4u .donate-form4u__note a {
  color: inherit;
  text-decoration: underline;
}
.donate-form4u .frm_button_submit {
  margin-top: 1.25rem;
  padding: 0.6rem 1.5rem !important;
  border: 1px solid var(--area-color, #010101) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--area-color, #010101) !important;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.donate-form4u .frm_button_submit:focus, .donate-form4u .frm_button_submit:active {
  background: none !important;
  box-shadow: none !important;
  color: var(--area-color, #010101) !important;
}
@media (hover: hover) {
  .donate-form4u .frm_button_submit:hover {
    background: var(--area-color, #010101) !important;
    color: #fff !important;
  }
}
.donate-form4u .frm_button_submit:focus-visible {
  background: var(--area-color, #010101) !important;
  color: #fff !important;
}
.donate-form4u .frm_error,
.donate-form4u .frm_error_style {
  color: var(--wp--custom--brand--section-engagement);
  font-size: 0.8rem;
}
.donate-form4u .frm_message {
  color: #010101;
  font-size: 0.9rem;
}

.donate-next4u {
  margin-top: 1.5rem;
}
.donate-next4u[hidden],
.donate-next4u [hidden] {
  display: none !important;
}
.donate-next4u .paypal-btn4u {
  margin-top: 0.75rem;
}
.donate-next4u__hint {
  margin: 0 0 1rem;
  font-size: 0.85rem;
  line-height: 1.35;
}

.donate-bank4u {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.donate-bank4u__title {
  margin: 0;
  color: var(--area-color, #010101);
  font-weight: 700;
}
.donate-bank4u__qr {
  order: 2;
  margin: 0;
}
.donate-bank4u__qr-code svg {
  display: block;
  width: 100%;
  max-width: 11rem;
  height: auto;
}
.donate-bank4u__qr figcaption {
  max-width: 14rem;
  margin-top: 0.4rem;
  color: rgba(0, 0, 0, 0.55);
  font-size: 0.75rem;
  line-height: 1.35;
}
.donate-bank4u__data {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.35;
}
.donate-bank4u__data > div {
  display: grid;
  grid-template-columns: 7.5rem 1fr;
  gap: 0.5rem;
  padding: 0.3rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.donate-bank4u__data dt {
  color: var(--area-color, #010101);
}
.donate-bank4u__data dd {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.6rem;
  margin: 0;
  overflow-wrap: anywhere;
}
.donate-bank4u__copy {
  padding: 0 !important;
  border: 0;
  background: none !important;
  color: var(--area-color, #010101) !important;
  font-family: inherit;
  font-size: 0.75rem;
  text-decoration: underline;
  cursor: pointer;
  box-shadow: none !important;
}
.donate-bank4u__mail {
  order: 3;
  margin: 0;
  color: rgba(0, 0, 0, 0.55);
  font-size: 0.75rem;
}
@media (min-width: 992px) {
  .donate-bank4u__qr {
    order: 0;
  }
}

.donate-cta4u {
  margin-top: 1.5rem;
}
.donate-cta4u .intro-toggle4u__cta-btn {
  padding: 0.6rem 1.5rem !important;
  border: 1px solid var(--area-color, #010101) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--area-color, #010101) !important;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.donate-cta4u .intro-toggle4u__cta-btn:focus, .donate-cta4u .intro-toggle4u__cta-btn:active {
  background: none !important;
  box-shadow: none !important;
  color: var(--area-color, #010101) !important;
}
@media (hover: hover) {
  .donate-cta4u .intro-toggle4u__cta-btn:hover {
    background: var(--area-color, #010101) !important;
    color: #fff !important;
  }
}
.donate-cta4u .intro-toggle4u__cta-btn:focus-visible {
  background: var(--area-color, #010101) !important;
  color: #fff !important;
}

#colophon {
  display: none;
}

#wrapper {
  position: relative;
  z-index: 2;
  min-height: 100vh;
  margin-bottom: 1.5rem;
  background: var(--wp--custom--brand--light);
}

.mini-footer4u {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.4rem 1.25rem;
  min-height: 1.5rem;
  padding: 0 1.25rem;
  background: var(--wp--custom--brand--dark);
  color: #fff;
  font-size: 0.85rem;
}

@media (max-width: 991px) {
  #wrapper {
    margin-bottom: 0;
  }
  .mini-footer4u {
    position: relative;
    z-index: auto;
    padding-block: 0.5rem;
  }
}
#scroll-to-top {
  right: 0 !important;
  bottom: 0 !important;
}
@media (min-width: 992px) {
  .area-page4u #scroll-to-top {
    right: 15px !important;
  }
}
#scroll-to-top, #scroll-to-top:hover, #scroll-to-top:focus, #scroll-to-top * {
  text-decoration: none !important;
}

.mini-footer4u__nav {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 1.25rem;
}

.mini-footer4u__link {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}
.mini-footer4u__link:hover {
  text-decoration: underline;
}
.mini-footer4u__link:focus-visible {
  text-decoration: underline;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.mini-footer4u__copy {
  opacity: 0.8;
}

.mini-footer4u__progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ffed00;
  transform: scaleX(1);
  transform-origin: left;
  transition: none;
}
.mini-footer4u__progress.is-counting4u {
  transition-property: transform;
  transition-timing-function: linear;
  transform: scaleX(0);
}

@media (pointer: fine) {
  html::-webkit-scrollbar,
  .area-page4u #wrapper::-webkit-scrollbar {
    width: 15px;
    height: 15px;
  }
  html::-webkit-scrollbar-track, html::-webkit-scrollbar-corner,
  .area-page4u #wrapper::-webkit-scrollbar-track,
  .area-page4u #wrapper::-webkit-scrollbar-corner {
    background: #000;
  }
  html::-webkit-scrollbar-thumb,
  .area-page4u #wrapper::-webkit-scrollbar-thumb {
    min-height: 2.5rem;
    border: 0 solid #fff;
    background: url("../../files4u/img/massai-schild_30.png") center/15px auto no-repeat, #006300;
  }
  html::-webkit-scrollbar-thumb:hover,
  .area-page4u #wrapper::-webkit-scrollbar-thumb:hover {
    background-color: rgb(0, 139.8, 0);
  }
  html::-webkit-scrollbar-thumb:active,
  .area-page4u #wrapper::-webkit-scrollbar-thumb:active {
    background-color: rgb(0, 170.4, 0);
  }
  html::-webkit-scrollbar-thumb:vertical,
  .area-page4u #wrapper::-webkit-scrollbar-thumb:vertical {
    border-width: 1px 0;
  }
  html::-webkit-scrollbar-thumb:horizontal,
  .area-page4u #wrapper::-webkit-scrollbar-thumb:horizontal {
    border-width: 0 1px;
  }
  html::-webkit-scrollbar-button:single-button,
  .area-page4u #wrapper::-webkit-scrollbar-button:single-button {
    display: block;
    width: 15px;
    height: 15px;
    background-color: #b50000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
  }
  html::-webkit-scrollbar-button:single-button:hover,
  .area-page4u #wrapper::-webkit-scrollbar-button:single-button:hover {
    background-color: rgb(221.8, 0, 0);
  }
  html::-webkit-scrollbar-button:single-button:active,
  .area-page4u #wrapper::-webkit-scrollbar-button:single-button:active {
    background-color: rgb(252.4, 0, 0);
  }
  html::-webkit-scrollbar-button:single-button:vertical:decrement,
  .area-page4u #wrapper::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 3L8.5 7H1.5z' fill='%23fff'/%3E%3C/svg%3E");
  }
  html::-webkit-scrollbar-button:single-button:vertical:increment,
  .area-page4u #wrapper::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 7L1.5 3H8.5z' fill='%23fff'/%3E%3C/svg%3E");
  }
  html::-webkit-scrollbar-button:single-button:horizontal:decrement,
  .area-page4u #wrapper::-webkit-scrollbar-button:single-button:horizontal:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3 5L7 1.5V8.5z' fill='%23fff'/%3E%3C/svg%3E");
  }
  html::-webkit-scrollbar-button:single-button:horizontal:increment,
  .area-page4u #wrapper::-webkit-scrollbar-button:single-button:horizontal:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M7 5L3 8.5V1.5z' fill='%23fff'/%3E%3C/svg%3E");
  }
  html::-webkit-scrollbar-button:double-button,
  .area-page4u #wrapper::-webkit-scrollbar-button:double-button {
    display: none;
  }
  @supports not selector(::-webkit-scrollbar) {
    html,
    .area-page4u #wrapper {
      scrollbar-color: #006300 #000;
    }
  }
}
/*# sourceMappingURL=main.css.map */
