/*
Theme Name: Pferdeoase
Theme URI: https://pferdeoase.at
Author: Verein Pferdeoase
Description: Schlankes Block-Theme für pferdeoase.at und eseloase.at im Design der neuen Vereinsauftritte (Creme, Waldgrün, Holzbraun; Eseloase in Blaugrau). Website-Variante unter Einstellungen → Allgemein.
Version: 1.3.36
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: pferdeoase
*/

/* ---------- Farben als Kurznamen (kommen aus theme.json, Eseloase per Variante) ---------- */
:root, .editor-styles-wrapper {
	--paper: var(--wp--preset--color--paper); --card: var(--wp--preset--color--card); --ink: var(--wp--preset--color--ink);
	--muted: var(--wp--preset--color--muted); --line: var(--wp--preset--color--line); --forest: var(--wp--preset--color--forest);
	--forest-d: var(--wp--preset--color--forest-dark); --leaf: var(--wp--preset--color--leaf); --wood: var(--wp--preset--color--wood);
	--sun: var(--wp--preset--color--sun); --soft: var(--wp--preset--color--soft);
	--display: var(--wp--preset--font-family--display); --body: var(--wp--preset--font-family--body);
	--r: 18px; --ov: 30,51,17; --sh: 0 10px 30px rgba(43,36,22,.12); --top: 72px;
}
body.esel, .esel .editor-styles-wrapper { --ov: 42,61,74; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }

/* Abstände wie im Prototyp (Absätze und Überschriften bringen ihren Abstand selbst mit) */
:root :where(.wp-site-blocks) p, .editor-styles-wrapper p { margin: 0 0 1em; }
:root :where(.wp-site-blocks) :is(h1,h2,h3,h4), .editor-styles-wrapper :is(h1,h2,h3,h4) { margin: 0 0 .5em; }
.wp-site-blocks > * , .wp-site-blocks main { margin-block: 0; }
.has-text-align-center { text-align: center; }

/* ---------- Raster ---------- */
.pa-wrap { max-width: 1180px; margin-left: auto !important; margin-right: auto !important; padding-left: 20px; padding-right: 20px; width: 100%; }
.pa-grid { display: grid !important; gap: 22px; margin-top: 22px; }
.pa-grid > * { margin: 0 !important; }
.pa-g2 { grid-template-columns: repeat(2, 1fr); }
.pa-g3 { grid-template-columns: repeat(3, 1fr); }
.pa-g4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) { .pa-g3, .pa-g4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .pa-g2, .pa-g3, .pa-g4 { grid-template-columns: 1fr; } }
.pa-split { display: grid !important; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }
.pa-split > * { margin: 0 !important; }
@media (max-width: 820px) { .pa-split { grid-template-columns: 1fr; } }
.pa-split > .wp-block-image img { border-radius: 22px; box-shadow: var(--sh); width: 100%; aspect-ratio: 4/3; object-fit: cover; }

/* ---------- Kopfzeile ---------- */
.pa-top { position: sticky; top: 0; z-index: 50; background: rgba(244,236,223,.94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
body.esel .pa-top { background: rgba(233,238,241,.94); }
.admin-bar .pa-top { top: 32px; }
@media (max-width: 782px) { .admin-bar .pa-top { top: 46px; } }
.pa-top-in { display: flex !important; align-items: center; gap: 16px; height: var(--top); flex-wrap: nowrap !important; }
.pa-brand { display: flex !important; align-items: center; gap: 10px; flex-wrap: nowrap !important; }
.pa-brand .wp-block-site-logo img { width: 48px !important; height: 48px !important; border-radius: 50%; object-fit: cover; background: #fff; transform: scale(1); }
.pa-brand .wp-block-site-title { margin: 0; font-family: var(--display); font-size: 1.45rem; font-weight: 700; line-height: 1; }
.pa-brand .wp-block-site-title a { text-decoration: none; color: var(--forest-d); }
.pa-top .wp-block-navigation { margin-left: auto; }
.pa-top .wp-block-navigation__container { gap: 4px; }
.pa-top .wp-block-navigation-item__content { padding: 8px 12px !important; border-radius: 99px; text-decoration: none; color: var(--ink); font-weight: 500; font-size: .98rem; white-space: nowrap; }
.pa-top .wp-block-navigation-item__content:hover,
.pa-top .current-menu-item > .wp-block-navigation-item__content { background: var(--soft); color: var(--forest-d); }
.pa-top .pa-cta > .wp-block-navigation-item__content { background: var(--forest); color: var(--card); }
.pa-top .pa-cta > .wp-block-navigation-item__content:hover { background: var(--forest-d); color: var(--card); }
.pa-top .pa-zurueck > .wp-block-navigation-item__content { opacity: .75; font-size: .92em; }
.pa-top .wp-block-navigation__responsive-container-open,
.pa-top .wp-block-navigation__responsive-container-close { color: var(--forest-d); }
.pa-top .wp-block-navigation__responsive-container-open svg { width: 30px; height: 30px; }
@media (max-width: 1060px) {
	.pa-top .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.pa-top .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
.pa-top .wp-block-navigation__responsive-container.is-menu-open {
	position: fixed; top: var(--top); bottom: auto; left: 0; right: 0; max-height: calc(100vh - var(--top)); overflow-y: auto;
	padding: 12px 20px 20px; background: var(--card) !important; border-bottom: 1px solid var(--line); box-shadow: var(--sh);
}
.admin-bar .pa-top .wp-block-navigation__responsive-container.is-menu-open { top: calc(var(--top) + 32px); }
@media (max-width: 782px) { .admin-bar .pa-top .wp-block-navigation__responsive-container.is-menu-open { top: calc(var(--top) + 46px); } }
.pa-top .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 0 !important; }
.pa-top .is-menu-open .wp-block-navigation__container { align-items: stretch !important; gap: 2px !important; width: 100%; }
.pa-top .is-menu-open .wp-block-navigation-item { width: 100%; }
.pa-top .is-menu-open .wp-block-navigation-item__content { display: block; padding: 12px 14px !important; font-size: 1.1rem; }
.pa-top .is-menu-open .wp-block-navigation__responsive-container-close { top: 6px; right: 6px; }
.pa-eselleiste { background: var(--forest-d); color: #fff; text-align: center; padding: 8px 20px; font-weight: 700; margin: 0 !important; }
.pa-eselleiste a { color: #fff; }

/* ---------- Buttons ---------- */
.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.wp-block-button__link { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; transition: .2s; }
.wp-block-button__link:hover { transform: translateY(-1px); }
.wp-block-button.is-style-pa-sonne .wp-block-button__link { background: var(--sun); color: var(--ink); }
.wp-block-button.is-style-pa-sonne .wp-block-button__link:hover { background: #cf9b1f; color: var(--ink); }
.wp-block-button.is-style-pa-rahmen .wp-block-button__link { background: transparent; color: var(--forest-d); box-shadow: inset 0 0 0 2px var(--forest); }
.wp-block-button.is-style-pa-rahmen .wp-block-button__link:hover { background: var(--forest); color: var(--card); }

/* ---------- Abschnitte ---------- */
.is-style-pa-abschnitt, .is-style-pa-abschnitt-hell, .is-style-pa-abschnitt-gruen { padding: 64px 0; margin: 0 !important; }
.is-style-pa-abschnitt-hell { background: var(--card); }
.is-style-pa-abschnitt-gruen { background: var(--forest); color: var(--card); }
.is-style-pa-abschnitt-gruen :is(h2,h3) { color: var(--card); }
.is-style-pa-abschnitt-gruen .is-style-pa-dachzeile { color: var(--sun); }
.is-style-pa-abschnitt-gruen .is-style-pa-klein { color: #E8DFCD; }
p.is-style-pa-dachzeile { font-family: var(--display); color: var(--wood); font-size: 1.05rem; letter-spacing: .06em; margin-bottom: 6px; font-weight: 700; }
p.is-style-pa-lead { font-size: 1.2rem; max-width: 760px; }
p.is-style-pa-lead.has-text-align-center { margin-left: auto; margin-right: auto; }
p.is-style-pa-klein { font-size: .9rem; color: var(--muted); }
p.is-style-pa-gedaempft { color: var(--muted); }
p.is-style-pa-preis { font-family: var(--display); color: var(--wood); font-size: 1.15rem; margin-bottom: 8px; font-weight: 700; }
p.is-style-pa-datum { display: inline-block; align-self: flex-start; background: var(--forest); color: var(--card); font-family: var(--display); font-weight: 700; border-radius: 10px; padding: 4px 12px; margin-bottom: 10px; }
p.is-style-pa-etikett { display: inline-block; align-self: flex-start; background: var(--soft); color: var(--forest-d); border-radius: 99px; padding: 3px 12px; font-size: .85rem; font-weight: 700; margin: 0 6px 6px 0; }

/* ---------- Karten ---------- */
.is-style-pa-karte { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; display: flex !important; flex-direction: column; }
.is-style-pa-abschnitt-hell .is-style-pa-karte { background: var(--paper); }
.is-style-pa-karte > * { margin: 0 !important; }
.is-style-pa-karte > .wp-block-image { aspect-ratio: 4/3; overflow: hidden; background: var(--soft); }
.is-style-pa-karte > .wp-block-image img { width: 100%; height: 100%; object-fit: cover; transition: .4s; display: block; }
.is-style-pa-karte:hover > .wp-block-image img { transform: scale(1.04); }
.pa-bd { padding: 18px 20px 20px; display: flex !important; flex-direction: column; flex: 1; }
.pa-bd > p:not([class*="is-style"]) { color: var(--muted); font-size: 1rem; }
.pa-bd > .wp-block-buttons { margin-top: auto; }
.pa-bd .pa-meta { font-size: .92rem; color: var(--muted); }
.pa-news .is-style-pa-karte > .wp-block-image { aspect-ratio: 3/4; }
.pa-tier .is-style-pa-karte > .wp-block-image, .is-style-pa-karte.pa-tier > .wp-block-image { aspect-ratio: 1/1; }
.is-style-pa-karte .wp-block-post-featured-image { aspect-ratio: 4/3; margin: 0; background: var(--soft); overflow: hidden; }
.is-style-pa-karte .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.is-style-pa-karte .wp-block-post-title { font-size: 1.3rem; }
.is-style-pa-karte .wp-block-post-title a { text-decoration: none; color: var(--forest-d); }
.is-style-pa-karte .wp-block-post-excerpt { color: var(--muted); font-size: 1rem; flex: 1; display: flex; flex-direction: column; }
.is-style-pa-karte .wp-block-post-excerpt__excerpt { margin-bottom: 1em; }
.is-style-pa-karte .wp-block-read-more { align-self: flex-start; margin-top: auto; display: inline-flex; padding: 13px 24px; border-radius: 99px; background: var(--forest); color: var(--card); font-weight: 700; font-size: 1rem; text-decoration: none; }
.is-style-pa-karte .wp-block-read-more:hover { background: var(--forest-d); }
.pa-query .wp-block-post-template { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 22px 0 0; padding: 0; list-style: none; }
.pa-query .wp-block-post-template > li { margin: 0; display: flex; }
.pa-query .wp-block-post-template > li > * { flex: 1; }
@media (max-width: 900px) { .pa-query .wp-block-post-template { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .pa-query .wp-block-post-template { grid-template-columns: 1fr; } }
.pa-query .wp-block-query-pagination { margin-top: 26px; gap: 8px; }

/* ---------- Startseite: Kopf und Kacheln ---------- */
.pa-hero { padding: 36px 0 56px; margin: 0 !important; }
.pa-hero-head { text-align: center; max-width: 820px; margin: 0 auto 30px !important; }
.pa-hero-head > p:not([class*="is-style"]) { font-size: 1.2rem; color: var(--muted); }
.pa-tiles { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pa-tiles > * { margin: 0 !important; }
@media (max-width: 900px) { .pa-tiles { grid-template-columns: 1fr; } }
.wp-block-cover.is-style-pa-kachel { border-radius: 24px; overflow: hidden; min-height: 440px !important; padding: 0 !important; align-items: flex-end; box-shadow: var(--sh); color: #fff; }
@media (max-width: 900px) { .wp-block-cover.is-style-pa-kachel { min-height: 300px !important; } }
.is-style-pa-kachel .wp-block-cover__image-background { transition: .5s; }
.is-style-pa-kachel:hover .wp-block-cover__image-background { transform: scale(1.05); }
.is-style-pa-kachel .wp-block-cover__background { background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.25) 100%) !important; opacity: 1 !important; }
.wp-block-cover.is-style-pa-kachel .wp-block-cover__inner-container { width: 100% !important; margin: 0 !important; }
.pa-tx { margin: 16px !important; padding: 20px 22px; border-radius: 18px; background: rgba(30,51,17,.78); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); color: #fff; }
.pa-tx.pa-tx-blau { background: rgba(42,61,74,.82); }
.pa-tx.pa-tx-braun { background: rgba(110,76,42,.82); }
.pa-tx .pa-num { font-family: var(--display); color: var(--sun); font-size: 1rem; letter-spacing: .08em; margin-bottom: 0; font-weight: 700; }
.pa-tx h2 { color: #fff !important; font-size: clamp(1.6rem, 2.6vw, 2.1rem); margin: .2em 0 .3em; }
.pa-tx p { opacity: .92; margin: 0 0 14px; }
.pa-tx .wp-block-buttons { margin: 0; }
.pa-tx .wp-block-button__link { background: var(--sun); color: var(--ink); padding: 9px 18px; }
/* ganze Kachel klickbar: Link des Buttons über die Kachel ziehen */
.pa-tx .wp-block-button__link::after { content: ""; position: absolute; inset: -2000px; }
.pa-tx .wp-block-button__link:hover { transform: none; }

/* ---------- Lead-Magnet (App-Box) ---------- */
.pa-magnet { display: grid !important; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; }
.pa-magnet > * { margin: 0 !important; }
@media (max-width: 820px) { .pa-magnet { grid-template-columns: 1fr; } }
.is-style-pa-buch { background: var(--sun); color: var(--ink); border-radius: 22px; padding: 34px; box-shadow: var(--sh); transform: rotate(-2deg); max-width: 380px; margin: auto !important; }
.is-style-pa-buch .pa-gross { font-family: var(--display); font-size: 5rem; line-height: 1; color: var(--forest-d); margin: 0; font-weight: 700; }
.is-style-pa-buch .pa-titel { font-family: var(--display); font-size: 1.5rem; color: var(--forest-d); margin: 0; font-weight: 700; line-height: 1.25; }
.is-style-pa-buch p:last-child { margin: 12px 0 0; }

/* ---------- Seitenkopf ---------- */
.wp-block-cover.is-style-pa-seitenkopf { min-height: 360px !important; padding: 0 !important; align-items: flex-end; color: #fff; }
.is-style-pa-seitenkopf .wp-block-cover__background { background: linear-gradient(180deg, rgba(var(--ov),.15), rgba(var(--ov),.85)) !important; opacity: 1 !important; }
.wp-block-cover.is-style-pa-seitenkopf .wp-block-cover__inner-container { width: 100% !important; margin: 0 !important; }
.is-style-pa-seitenkopf .pa-wrap { padding-bottom: 40px; }
.is-style-pa-seitenkopf h1 { color: #fff !important; }
.is-style-pa-seitenkopf p:not([class*="is-style"]) { font-size: 1.2rem; max-width: 720px; margin: 0; }
.is-style-pa-seitenkopf .is-style-pa-dachzeile { color: var(--sun); }
.is-style-pa-seitenkopf .wp-block-post-excerpt__excerpt { font-size: 1.2rem; max-width: 720px; margin: 0; }

/* ---------- Unternavigation ---------- */
.pa-subnav { background: var(--card); border-bottom: 1px solid var(--line); position: sticky; top: var(--top); z-index: 40; margin: 0 !important; }
.admin-bar .pa-subnav { top: calc(var(--top) + 32px); }
.pa-subnav .wp-block-buttons { display: flex; gap: 6px; flex-wrap: nowrap; overflow-x: auto; padding-top: 10px; padding-bottom: 10px; margin: 0; }
.pa-subnav .wp-block-button__link { white-space: nowrap; padding: 7px 14px; border-radius: 99px; background: var(--paper); color: var(--forest-d); font-weight: 700; font-size: .95rem; }
.pa-subnav .wp-block-button__link:hover { background: var(--soft); color: var(--forest-d); transform: none; }
[id] { scroll-margin-top: 140px; }

/* ---------- Vorteile, Ablauf, Preise ---------- */
.is-style-pa-vorteil { display: flex !important; gap: 14px; align-items: flex-start; background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 20px; flex-wrap: nowrap !important; }
.is-style-pa-abschnitt-hell .is-style-pa-vorteil { background: var(--paper); }
.is-style-pa-vorteil > * { margin: 0 !important; }
.is-style-pa-vorteil .pa-ic { flex: 0 0 48px; height: 48px; border-radius: 14px; background: var(--soft); display: grid; place-items: center; font-size: 1.5rem; line-height: 1; }
.is-style-pa-vorteil h3 { margin-bottom: 4px; font-size: 1.15rem; }
.is-style-pa-vorteil p:not(.pa-ic) { margin: 0; color: var(--muted); font-size: 1rem; }
.pa-steps { counter-reset: s; display: grid !important; gap: 16px; margin-top: 18px; }
.pa-steps > * { margin: 0 !important; display: grid !important; grid-template-columns: 44px 1fr; column-gap: 16px; align-items: start; }
.pa-steps > * > * { grid-column: 2; }
.pa-steps > *::before { counter-increment: s; content: counter(s); grid-column: 1; grid-row: 1 / span 2; width: 44px; height: 44px; border-radius: 50%; background: var(--forest); color: var(--card); font-family: var(--display); font-size: 1.3rem; display: grid; place-items: center; font-weight: 700; }
.pa-steps h3 { margin: 6px 0 2px; font-size: 1.15rem; }
.pa-steps p { margin: 0; color: var(--muted); }
.is-style-pa-preisbox { background: var(--card); border-radius: 22px; padding: 28px; border: 2px solid var(--forest); }
.pa-row { display: flex !important; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px dashed var(--line); flex-wrap: nowrap !important; margin: 0 !important; }
.pa-row p { margin: 0; }
.pa-row p:last-child { font-family: var(--display); color: var(--forest-d); font-size: 1.2rem; white-space: nowrap; font-weight: 700; }
.is-style-pa-preisbox .is-style-pa-klein { margin-top: 10px; }
.is-style-pa-zitat { background: var(--card); border-radius: var(--r); padding: 24px; border-left: 5px solid var(--sun); }
.is-style-pa-abschnitt-hell .is-style-pa-zitat { background: var(--paper); }
.is-style-pa-zitat p { font-style: italic; }
.is-style-pa-zitat p.pa-wer { font-weight: 700; color: var(--wood); font-style: normal; margin: 0; }
ul.is-style-pa-check { list-style: none; padding: 0; margin: 0 0 1em; }
ul.is-style-pa-check li { padding: 6px 0 6px 32px; position: relative; }
ul.is-style-pa-check li::before { content: "✓"; position: absolute; left: 0; top: 5px; width: 22px; height: 22px; border-radius: 50%; background: var(--leaf); color: #fff; font-size: .8rem; display: grid; place-items: center; font-weight: 700; }
.is-style-pa-hinweis { background: var(--soft); border-radius: 18px; padding: 22px 24px; margin-top: 26px; }
.wp-block-image.is-style-pa-foto img { border-radius: 22px; box-shadow: var(--sh); }

/* ---------- Häufige Fragen ---------- */
.wp-block-details { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 16px 20px; margin: 0 0 10px !important; }
.wp-block-details summary { cursor: pointer; font-weight: 700; color: var(--forest-d); font-size: 1.08rem; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; font-size: 1.4rem; line-height: 1; color: var(--leaf); }
.wp-block-details[open] summary::after { content: "\2013"; }
.wp-block-details > p { margin: 10px 0 0 !important; color: var(--muted); }

/* ---------- Lesetipp ---------- */
.pa-lesetipp { display: flex !important; gap: 16px; align-items: center; background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 12px 16px 12px 12px; margin-top: 14px !important; position: relative; max-width: 640px; flex-wrap: nowrap !important; transition: box-shadow .2s; }
.pa-lesetipp:hover { box-shadow: var(--sh); }
.pa-lesetipp > * { margin: 0 !important; }
.pa-lesetipp .wp-block-image img { width: 96px; height: 72px; object-fit: cover; border-radius: 12px; }
.pa-lesetipp .pa-lesetipp-klein { color: var(--wood); font-weight: 700; text-transform: uppercase; font-size: .72rem; letter-spacing: .06em; margin: 0 0 2px; }
.pa-lesetipp .pa-lesetipp-titel { font-family: var(--display); color: var(--forest-d); font-size: 1.05rem; line-height: 1.25; margin: 0; font-weight: 700; }
.pa-lesetipp .pa-lesetipp-titel a { color: inherit; text-decoration: none; }
.pa-lesetipp .pa-lesetipp-titel a::after { content: "→"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: var(--leaf); }
.pa-lesetipp .pa-lesetipp-titel a::before { content: ""; position: absolute; inset: 0; }
.pa-lesetipp > :nth-child(2) { padding-right: 34px; }

/* ---------- Text (Blog, Textseiten) ---------- */
.pa-prose { max-width: 760px; font-size: 1.12rem; }
.pa-prose h2, .pa-prose h3 { margin: 1.6em 0 .4em; }
.pa-prose h3 { font-size: 1.45rem; }
.pa-prose ul, .pa-prose ol { padding-left: 22px; margin: 0 0 1em; }
.pa-prose li { margin: 4px 0; }
.pa-prose table { border-collapse: collapse; width: 100%; font-size: 1rem; }
.pa-prose th, .pa-prose td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
.pa-prose th { background: var(--soft); color: var(--forest-d); }
.pa-prose .wp-block-table { overflow-x: auto; margin: 1em 0; }
.pa-prose img { border-radius: 18px; }

/* ---------- Formulare ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=submit]), select, textarea { font: inherit; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--line); background: #fff; color: var(--ink); max-width: 100%; }
label { font-weight: 700; font-size: .95rem; }

/* ---------- Fußzeile ---------- */
.pa-fuss { background: var(--forest-d); color: #E8DFCD; padding: 52px 0 26px; margin: 0 !important; }
.pa-fuss h3 { color: #fff; font-size: 1.1rem; font-family: var(--display); }
.pa-fuss a { color: #E8DFCD; text-decoration: none; }
.pa-fuss a:hover { color: var(--sun); }
.pa-fuss ul { list-style: none; padding: 0; margin: 0; }
.pa-fuss li { padding: 3px 0; }
.pa-fgrid { display: grid !important; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.pa-fgrid > * { margin: 0 !important; }
@media (max-width: 820px) { .pa-fgrid { grid-template-columns: 1fr 1fr; } }
.pa-fuss .pa-brand .wp-block-site-title a { color: #fff; }
.pa-fuss .pa-brand { margin-bottom: 12px !important; }
.pa-copy { border-top: 1px solid rgba(255,255,255,.15); margin-top: 30px !important; padding-top: 18px; font-size: .9rem; opacity: .8; }

/* ---------- Kleinigkeiten ---------- */
.pa-mt { margin-top: 26px !important; }
.wp-block-separator { border-color: var(--line); }
.pa-404 { padding: 90px 0; text-align: center; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }
/* Handy-Menü: Einträge linksbündig wie im Prototyp */
.pa-top .is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch !important; padding-top: 40px !important; }
.pa-top .is-menu-open .wp-block-navigation__container { align-items: stretch !important; justify-content: flex-start !important; }
.pa-top .is-menu-open .wp-block-navigation-item { align-items: stretch !important; }
.pa-top .is-menu-open .wp-block-navigation-item__content { text-align: left; width: 100%; }
.pa-top .wp-block-navigation__responsive-container.is-menu-open { --navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; --navigation-layout-align: flex-start; }
.pa-top .is-menu-open .wp-block-navigation__responsive-container-content,
.pa-top .is-menu-open .wp-block-navigation__container,
.pa-top .is-menu-open .wp-block-navigation-item { align-items: flex-start !important; }
.pa-top .is-menu-open .wp-block-navigation-item { width: 100%; }
.pa-top .is-menu-open .wp-block-navigation-item__content { justify-content: flex-start !important; display: flex !important; }
.pa-top .is-menu-open .pa-cta > .wp-block-navigation-item__content { width: auto; margin-top: 6px; }

/* ---------- Ergänzungen 1.1: Detailseiten aus dem Prototyp ---------- */
/* ganze Karte anklickbar: der erste Button zieht seinen Link über die Karte */
.is-style-pa-karte { position: relative; }
.is-style-pa-karte .pa-bd .wp-block-button:first-child .wp-block-button__link::after { content: ""; position: absolute; inset: 0; border-radius: var(--r); }
.is-style-pa-karte .pa-bd .wp-block-button:not(:first-child) { position: relative; z-index: 2; }
.is-style-pa-karte:has(.wp-block-button__link) { cursor: pointer; }
.is-style-pa-karte:has(.wp-block-button__link):hover { box-shadow: var(--sh); }
.pa-zentriert .wp-block-buttons { justify-content: center; }
.pa-zentriert .is-style-pa-lead { margin-left: auto; margin-right: auto; }
.pa-galerie { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.pa-galerie > * { margin: 0 !important; }
.pa-galerie img { aspect-ratio: 1/1; width: 100%; object-fit: cover; border-radius: 14px; display: block; }
.pa-cmp { display: grid !important; grid-template-columns: 1fr 1.3fr; gap: 16px; align-items: start; }
.pa-cmp > * { margin: 0 !important; background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 22px; }
.pa-cmp > .pa-on { border: 2px solid var(--forest); }
@media (max-width: 620px) { .pa-cmp { grid-template-columns: 1fr; } }
.pa-faq { margin-top: 18px; }
form.pricebox, .wp-block-html form { background: var(--card); border-radius: 22px; padding: 28px; border: 2px solid var(--forest); }
.wp-block-html form label { display: block; margin: 12px 0 4px; }
.wp-block-html form input, .wp-block-html form select, .wp-block-html form textarea { width: 100%; }
.wp-block-html form .btns { display: flex; gap: 12px; }
.wp-block-html form .btn { display: inline-flex; padding: 13px 24px; border-radius: 99px; border: 0; background: var(--forest); color: var(--card); font: 700 1rem var(--body); cursor: pointer; }

/* Einwilligungsbanner Eseloase */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept{background-color:#3F5A6B!important;border-color:#3F5A6B!important}
.cmplz-cookiebanner a{color:#3F5A6B!important}


/* Handy: nichts darf seitlich überstehen (03.11.2026) */
.pa-grid > * { min-width: 0; }
.pa-subnav, .pa-subnav .wp-block-buttons { max-width: 100%; }
@media (max-width: 600px) {
	.pa-row p:first-child { min-width: 0; }
	.pa-row p:last-child { white-space: normal; text-align: right; }
	.is-style-pa-preisbox { padding: 20px; }
}


/* Startseite mobil: Pflegepferd zuerst, am Desktop bleibt die Reihenfolge (05.11.2026, Kachel 1 seit 07.11. „Für die Kleinsten“) */
@media (max-width: 900px) {
	body.home:not(.esel) .pa-tiles > :nth-child(2) { order: -1; }
	body.home:not(.esel) .pa-tiles > :nth-child(1) .pa-num, body.home:not(.esel) .pa-tiles > :nth-child(2) .pa-num { position: relative; visibility: hidden; }
	body.home:not(.esel) .pa-tiles > :nth-child(1) .pa-num::before, body.home:not(.esel) .pa-tiles > :nth-child(2) .pa-num::before { position: absolute; left: 0; top: 0; visibility: visible; }
	body.home:not(.esel) .pa-tiles > :nth-child(1) .pa-num::before { content: "02 · Für die Kleinsten"; }
	body.home:not(.esel) .pa-tiles > :nth-child(2) .pa-num::before { content: "01 · Pflegepferd"; }
}


/* Kontaktformular (/kontakt/ beider Websites) wie die übrigen Formulare: Beschriftung über dem Feld, Theme-Knopf (07.11.2026).
   Der HTML-Block hat keine Hülle .wp-block-html, deshalb direkt über form.pricebox. */
form.pricebox h3 { margin: 0 0 6px; }
form.pricebox label { display: block; margin: 14px 0 4px; font-weight: 600; }
form.pricebox input:not([type=checkbox]):not([type=radio]), form.pricebox select, form.pricebox textarea { display: block; width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; font: 400 1rem var(--body); background: #fff; color: var(--ink); }
form.pricebox textarea { resize: vertical; }
form.pricebox .btns { display: flex; gap: 12px; }
form.pricebox .btn { display: inline-flex; align-items: center; justify-content: center; padding: 13px 24px; border-radius: 99px; border: 0; background: var(--forest); color: var(--card); font: 700 1rem var(--body); cursor: pointer; transition: .2s; }
form.pricebox .btn:hover { background: var(--forest-d); transform: translateY(-1px); }
form.pricebox .btn:disabled { opacity: .45; cursor: not-allowed; transform: none; }