/* ruach.jetzt Designsystem (Bayit) · Modul Komponenten-Styles · v11 */
/* ruach.jetzt Designsystem · Komponenten (Modul komponenten) */
/* Buttons: drei Stufen */
body.rj-ds .button, body.rj-ds .wp-block-button__link, body.rj-ds .kb-button, body.rj-ds input[type=submit], body.rj-ds .rj-btn{ font-family: var(--rj-font-struktur); font-weight: 700; font-size: 15px; line-height: 1; padding: 13px 20px; border: 1.5px solid var(--global-palette1); background: var(--global-palette1); color: #fff; box-shadow: none; text-transform: none; letter-spacing: 0; }
body.rj-ds .button:hover, body.rj-ds .wp-block-button__link:hover, body.rj-ds .kb-button:hover, body.rj-ds .rj-btn:hover{ background: var(--global-palette2); border-color: var(--global-palette2); color: #fff; box-shadow: none; }
body.rj-ds .is-style-outline .wp-block-button__link, body.rj-ds .rj-btn--sekundaer, body.rj-ds .button.rj-btn--sekundaer{ background: transparent; color: var(--global-palette3); border-color: var(--global-palette3); }
body.rj-ds .is-style-outline .wp-block-button__link:hover, body.rj-ds .rj-btn--sekundaer:hover{ background: var(--global-palette3); color: var(--global-palette9); border-color: var(--global-palette3); }
body.rj-ds .rj-btn--tertiaer{ background: transparent; border: 0; border-bottom: 1.5px solid currentColor; border-radius: 0; padding: 0 2px 4px; color: var(--global-palette1); }

/* Label / Eyebrow */
body.rj-ds .rj-label, body.rj-ds .is-style-rj-label{ font-family: var(--rj-font-struktur); font-weight: 600; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--rj-zweit, var(--global-palette5)); }

/* Kacheln (Kadence Column / Group mit Klasse rj-kachel) */
body.rj-ds .rj-kachel{ background: var(--global-palette7); border-radius: var(--rj-radius); padding: 22px; }
body.rj-ds .rj-kachel h3{ font-size: 22px; line-height: 1.27; margin: 12px 0 8px; }
body.rj-ds .rj-kachel p{ font-size: 15px; line-height: 1.5; color: var(--global-palette4); }

/* Zitat: Lora kursiv, überall */
body.rj-ds blockquote, body.rj-ds .wp-block-quote{ font-family: var(--rj-font-verlag); font-style: italic; font-size: 20px; line-height: 1.45; border-left: 3px solid var(--global-palette1); padding-left: 18px; color: var(--global-palette3); }
body.rj-ds .wp-block-quote cite{ font-family: var(--rj-font-struktur); font-style: normal; font-size: 13px; color: var(--global-palette5); }

/* Bilder: Radius, keine Rahmen, Klima-Sättigung */
body.rj-ds .entry-content img, body.rj-ds .kb-image img, body.rj-ds .wp-block-image img{ border-radius: var(--rj-radius); filter: var(--rj-foto, none); }

/* Formulare */
body.rj-ds input:not([type=submit]):not([type=checkbox]):not([type=radio]), body.rj-ds textarea, body.rj-ds select{ font-family: var(--rj-font-struktur); font-size: 16px; padding: 11px 13px; border: 1.5px solid var(--global-palette6); background: #fff; color: var(--global-palette3); box-shadow: none; }
body.rj-ds input:focus, body.rj-ds textarea:focus, body.rj-ds select:focus{ outline: 2px solid var(--global-palette1); outline-offset: 1px; border-color: var(--global-palette1); }