/* Start custom CSS *//* Projekte (Seite 89), Stand 06.10.2026. Scope .ajo-page-projekte, Farben nur über --ajo-*, Zwischentöne per color-mix.
   Globale Klassen (ajo-kicker, ajo-h2, ajo-h3, ajo-text, ajo-rv, ajo-brush, ajo-link, ajo-numbers, ajo-facts, ajo-outline-num) kommen aus Elementor und ajo-design.css. */
.ajo-page-projekte .elementor-widget-html .ajo-h3 { font: 600 clamp(1.375rem, 0.75vw + 1.125rem, 1.625rem)/1.2 var(--ajo-font-headline); color: var(--ajo-text); margin: 0; letter-spacing: -.01em; }
.ajo-page-projekte .elementor-widget-html .ajo-text { font: 400 19px/1.6 var(--ajo-font-text); color: var(--ajo-text); margin: 0; }
.ajo-page-projekte .elementor-widget-html p.ajo-text + p.ajo-text { margin-top: 1em; }
.ajo-page-projekte .ajo-on-dark .elementor-widget-html .ajo-h3 { color: var(--ajo-weiss); }
.ajo-page-projekte .ajo-on-dark .elementor-widget-html h2.ajo-h2, .ajo-page-projekte .ajo-on-dark .elementor-widget-html h3.ajo-h3, .ajo-page-projekte .ajo-on-dark .elementor-widget-html h1.ajo-h1 { color: var(--ajo-weiss); } /* Spezifität über der :is()-Regel in ajo-design.css */
.ajo-page-projekte .ajo-on-dark .elementor-widget-html p.ajo-text { color: var(--ajo-text-auf-dunkel); }
.ajo-page-projekte .ajo-on-dark .elementor-widget-html .ajo-text { color: var(--ajo-text-auf-dunkel); }
.ajo-page-projekte .elementor-widget-html .ajo-text a, .ajo-page-projekte .elementor-widget-html .ajo-faq-a a { color: var(--ajo-dunkelrot); font-weight: 700; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; overflow-wrap: anywhere; }
.ajo-page-projekte .ajo-on-dark .elementor-widget-html .ajo-text a { color: var(--ajo-weiss); }
.ajo-page-projekte .elementor-widget-html .ajo-text a:hover, .ajo-page-projekte .elementor-widget-html .ajo-faq-a a:hover { text-decoration-thickness: 3px; color: var(--ajo-rot); }
.ajo-page-projekte .ajo-sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

/* Hero: Filterleiste als weiße Karte unter der Einleitung (Shortcode ajo_projekte_grid teil=filter) */
.ajo-page-projekte .elementor-element-ajo-pr-filterwrap .ajo-sb-filterbar { gap: 16px; }
.ajo-page-projekte .elementor-element-ajo-pr-filterwrap .ajo-sb-fbtn { background: var(--ajo-papier); }
.ajo-page-projekte .elementor-element-ajo-pr-filterwrap .ajo-sb-fbtn[aria-pressed="true"] { background: var(--ajo-tinte); }
.ajo-page-projekte .elementor-element-ajo-pr-filterwrap .ajo-sb-fbtn:hover { background: var(--ajo-rose); }
.ajo-page-projekte .elementor-element-ajo-pr-filterwrap .ajo-sb-fbtn[aria-pressed="true"]:hover { background: var(--ajo-tinte); }
.ajo-page-projekte #projekte-filter { scroll-margin-top: 96px; }
.ajo-page-projekte .elementor .e-con.elementor-element-ajo-pr-wege-cols > .e-con { border-top: 1px solid var(--ajo-linie-dunkel); }
/* Dunkle Sektion: Spalten mit Linie oben */
.ajo-page-projekte .ajo-on-dark .ajo-linkp > a { color: var(--ajo-weiss); }/* End custom CSS */