/* PfotenHerz: der Flyer als Website.
   Cremefarbenes Papier, Fotos mit runden Ecken, Schreibschrift nur für Überschriften,
   Grün als ruhige Fläche für den Kontakt. Farben und Schriften kommen aus theme.json. */

:root {
	--ph-gruen: var(--wp--preset--color--gruen);
	--ph-gruen-text: var(--wp--preset--color--gruen-text);
	--ph-gruen-tief: var(--wp--preset--color--gruen-tief);
	--ph-braun: var(--wp--preset--color--braun);
	--ph-braun-text: var(--wp--preset--color--braun-text);
	--ph-tinte: var(--wp--preset--color--tinte);
	--ph-grau: var(--wp--preset--color--grau);
	--ph-papier: var(--wp--preset--color--papier);
	--ph-papier-2: var(--wp--preset--color--papier-2);
	--ph-weiss: var(--wp--preset--color--weiss);
	--ph-linie: #ddd2c2;
	--ph-zier: var(--wp--preset--font-family--zier);
	--ph-text: var(--wp--preset--font-family--text);
	--ph-breite: 1160px;
	--ph-schmal: 760px;
	--ph-rand-l: max(20px, env(safe-area-inset-left, 0px));
	--ph-rand-r: max(20px, env(safe-area-inset-right, 0px));
	--ph-radius: 22px;
	--ph-pfote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cellipse cx='7' cy='13' rx='3.4' ry='4.3' transform='rotate(-20 7 13)'/%3E%3Cellipse cx='12.6' cy='6.8' rx='3.4' ry='4.5' transform='rotate(-6 12.6 6.8)'/%3E%3Cellipse cx='19.4' cy='6.8' rx='3.4' ry='4.5' transform='rotate(6 19.4 6.8)'/%3E%3Cellipse cx='25' cy='13' rx='3.4' ry='4.3' transform='rotate(20 25 13)'/%3E%3Cpath d='M16 14.5c-4.6 0-9.2 6-9.2 10 0 3 2.3 4.3 4.7 4.3 1.9 0 3-1 4.5-1s2.6 1 4.5 1c2.4 0 4.7-1.3 4.7-4.3 0-4-4.6-10-9.2-10z'/%3E%3C/svg%3E");
}

html { scroll-padding-top: 100px; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3 { text-wrap: balance; }
a { text-underline-offset: 3px; }
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid var(--ph-braun); outline-offset: 3px; }

/* WordPress setzt zwischen allen Blöcken Abstände. Die Abschnitte regeln ihre Abstände selbst. */
body .wp-site-blocks > *,
body .ph-main > *,
body .ph-inhalt > * { margin-block: 0; }

/* ---------- Kopfzeile ---------- */
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 60; background: var(--ph-papier); }
.ph-kopf-bereich {
	position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50;
	background: color-mix(in srgb, var(--ph-papier) 94%, transparent);
	-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	border-bottom: 1px solid transparent; transition: border-color .2s;
}
.admin-bar .ph-kopf-bereich { top: calc(32px + env(safe-area-inset-top, 0px)); }
@media (max-width: 782px) { .admin-bar .ph-kopf-bereich { top: env(safe-area-inset-top, 0px); } }
.ph-kopf-bereich.ist-gescrollt { border-bottom-color: var(--ph-linie); }
body .ph-kopf {
	display: flex; align-items: center; justify-content: space-between; gap: 24px;
	max-width: var(--ph-breite); margin-inline: auto;
	padding: 12px var(--ph-rand-r) 12px var(--ph-rand-l);
}
body .ph-kopf > * { margin: 0; }
.ph-logo img { height: 58px !important; width: auto !important; }
.ph-nav { margin-left: auto; }
.ph-nav .wp-block-navigation__container { gap: 26px; }
.ph-nav .wp-block-navigation-item__content { color: var(--ph-tinte); font-weight: 700; font-size: .97rem; text-decoration: none; }
.ph-nav .wp-block-navigation-item__content:hover { color: var(--ph-gruen-text); }
.ph-nav .wp-block-navigation__responsive-container-open { color: var(--ph-tinte); }
.ph-nav .wp-block-navigation__responsive-container-open svg,
.ph-nav .wp-block-navigation__responsive-container-close svg { width: 30px; height: 30px; }
.ph-nav .wp-block-navigation__responsive-container.is-menu-open { background: var(--ph-papier); color: var(--ph-tinte); padding: 24px var(--ph-rand-r) 24px var(--ph-rand-l); }
.ph-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 4px; }
.ph-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.35rem; padding: 10px 0; }
@media (max-width: 1180px) {
	.ph-kopf-knopf { display: none !important; }
	.ph-nav .wp-block-navigation__container { gap: 18px; }
	.ph-logo img { height: 48px !important; }
}

/* ---------- Abschnitte ---------- */
body .ph-abschnitt {
	display: flex; flex-direction: column; gap: clamp(28px, 4vw, 48px);
	padding: clamp(56px, 8vw, 104px) var(--ph-rand-r) clamp(56px, 8vw, 104px) var(--ph-rand-l);
}
body .ph-abschnitt > * { width: 100%; max-width: var(--ph-breite); margin: 0 auto; }
.ph-ton-papier { background: var(--ph-papier); }
.ph-ton-weiss { background: var(--ph-weiss); }
.ph-ton-sand { background: var(--ph-papier-2); }
.ph-ton-gruen { background: var(--ph-gruen-tief); color: var(--ph-weiss); }
.ph-ton-gruen :where(h1, h2, h3) { color: var(--ph-weiss); }
.ph-ton-gruen a { color: var(--ph-weiss); }
.ph-ton-gruen .is-style-augenbraue { color: #e9eedc; }
.ph-ton-gruen p { color: #f1f3ea; }

/* Erster Abschnitt direkt unter dem Seitentitel braucht oben weniger Luft */
.ph-seitenkopf + .ph-inhalt > .ph-abschnitt:first-child { padding-top: clamp(24px, 3vw, 36px); }

/* Senkrechter Stapel mit gleichmäßigem Abstand */
body .ph-stapel { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
body .ph-stapel > * { margin: 0; }
body .ph-kopfzeile { gap: 12px; max-width: 640px; margin-left: 0; }
.ph-abschnitt > .ph-kopfzeile { margin-left: auto; }
.ph-abschnitt > .ph-kopfzeile { max-width: var(--ph-breite); }
.ph-kopfzeile > * { max-width: 640px; }

/* Zweispaltige Raster */
body .ph-raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
body .ph-raster > * { margin: 0; min-width: 0; }
.ph-raster--einstieg { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important; }
.ph-raster--mitte { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important; }
.ph-raster--portraet { grid-template-columns: minmax(0, .7fr) minmax(0, 1fr) !important; }
.ph-raster--aufruf { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important; }
.ph-raster--formular { grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr) !important; align-items: start !important; }
@media (max-width: 860px) {
	body .ph-raster { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ---------- Texte ---------- */
.is-style-augenbraue { font-size: .8rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ph-gruen-text); line-height: 1.4; }
.ph-lead { font-size: var(--wp--preset--font-size--gross); line-height: 1.55; max-width: 36ch; }
.ph-einleitung { max-width: var(--ph-breite) !important; }
.ph-klein { font-size: .93rem; color: var(--ph-grau); }
.ph-zitat { font-family: var(--ph-zier); color: var(--ph-gruen-text); font-size: clamp(1.6rem, 2.8vw, 2.2rem); line-height: 1.3; text-wrap: balance; }
.ph-unterschrift { line-height: 1.45; }
.ph-unterschrift strong { display: block; }
.ph-unterschrift { color: var(--ph-grau); font-size: .95rem; }
.ph-unterschrift strong { color: var(--ph-tinte); font-size: 1.05rem; }
.is-style-mehr a { font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; gap: .4em; }
.is-style-mehr a::after { content: "→"; transition: transform .2s; }
.is-style-mehr a:hover::after { transform: translateX(4px); }

.ph-siegel { position: relative; padding-left: 52px; min-height: 40px; font-size: .93rem; line-height: 1.4; color: var(--ph-grau); display: flex; flex-direction: column; justify-content: center; }
.ph-siegel strong { color: var(--ph-tinte); }
.ph-siegel br { display: none; }
.ph-siegel::before { content: ""; position: absolute; left: 0; top: 50%; translate: 0 -50%; width: 40px; height: 40px; border-radius: 50%; border: 2.5px solid var(--ph-gruen); box-sizing: border-box; }
.ph-siegel::after { content: ""; position: absolute; left: 10px; top: 50%; translate: 0 -50%; width: 20px; height: 20px; background: var(--ph-braun); -webkit-mask: var(--ph-pfote) center / contain no-repeat; mask: var(--ph-pfote) center / contain no-repeat; }

/* Pfoten-Aufzählung */
ul.is-style-pfoten { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
ul.is-style-pfoten li { position: relative; padding-left: 32px; }
ul.is-style-pfoten li::before { content: ""; position: absolute; left: 0; top: .28em; width: 1.1em; height: 1.1em; background: var(--ph-braun); -webkit-mask: var(--ph-pfote) center / contain no-repeat; mask: var(--ph-pfote) center / contain no-repeat; }

/* ---------- Knöpfe ---------- */
body .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.wp-element-button, .wp-block-button__link { transition: background-color .2s, color .2s, transform .2s; }
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background-color: #4b5b31; transform: translateY(-1px); }
.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--ph-gruen-tief); border: 2px solid currentColor; padding: calc(.78em - 2px) calc(1.35em - 2px); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--ph-gruen-tief); color: var(--ph-weiss); border-color: var(--ph-gruen-tief); }
.ph-knoepfe-hell .wp-block-button__link { background: var(--ph-weiss) !important; color: var(--ph-gruen-tief) !important; }
.ph-knoepfe-hell .wp-block-button__link:hover { background: var(--ph-papier-2) !important; }

/* ---------- Bilder ---------- */
body .wp-block-image { margin: 0; }
.ph-abschnitt .wp-block-image img { border-radius: var(--ph-radius); width: 100%; height: auto; object-fit: cover; }
.ph-raster > .wp-block-image img { aspect-ratio: 5 / 4; }
.ph-raster--portraet > .wp-block-image img { aspect-ratio: 3 / 4; object-position: 50% 20%; }
.wp-block-image .wp-element-caption { font-size: .88rem; color: var(--ph-grau); margin: 10px 0 0; text-align: left; }
.ph-ton-gruen .wp-block-image .wp-element-caption { color: #e9eedc; }

/* Bildcollage im Einstieg */
body .ph-collage { position: relative; padding: 0 0 12% 9%; }
body .ph-collage > * { margin: 0; }
.ph-collage .ph-collage-gross img { aspect-ratio: 4 / 3 !important; }
.ph-collage .ph-collage-klein { position: absolute; left: 0; bottom: 0; width: 36%; }
.ph-collage .ph-collage-klein img { aspect-ratio: 3 / 4 !important; object-position: 50% 20%; border-radius: 18px !important; border: 6px solid var(--ph-papier); box-shadow: 0 18px 40px -18px rgba(69, 69, 63, .45); }
.ph-collage .ph-collage-notiz { position: absolute; right: -6px; bottom: 4%; background: var(--ph-weiss); border-radius: 16px; padding: 12px 16px; box-shadow: 0 14px 34px -16px rgba(69, 69, 63, .4); font-size: .9rem; line-height: 1.35; max-width: 220px; }
.ph-collage .ph-collage-notiz strong { display: block; font-family: var(--ph-zier); font-weight: 400; color: var(--ph-gruen-text); font-size: 1.15rem; }
.ph-collage .ph-collage-notiz br { display: none; }
@media (max-width: 860px) {
	.ph-raster--einstieg .ph-collage { order: -1; padding: 0 0 18% 0; }
	.ph-collage .ph-collage-klein { left: auto; right: 6%; width: 34%; }
	.ph-collage .ph-collage-notiz { display: none; }
}

/* Galerie */
body .ph-galerie { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 17vw, 220px); grid-auto-flow: dense; gap: clamp(10px, 1.4vw, 16px); }
body .ph-galerie > * { margin: 0; min-width: 0; }
.ph-galerie .wp-block-image { height: 100%; }
.ph-galerie .wp-block-image img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 16px; }
.ph-galerie .ph-breit { grid-column: span 2; }
.ph-galerie .ph-hoch { grid-row: span 2; }
body .ph-galerie--drei { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: clamp(160px, 20vw, 270px); }
@media (max-width: 760px) {
	body .ph-galerie, body .ph-galerie--drei { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 150px; }
}

/* ---------- Karten und Kästen ---------- */
body .ph-karten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 3vw, 36px); align-items: stretch; }
body .ph-karten > * { margin: 0; min-width: 0; }
@media (max-width: 760px) { body .ph-karten { grid-template-columns: minmax(0, 1fr); } }
body .ph-karte { display: grid; grid-template-rows: auto 1fr; background: var(--ph-papier); border-radius: var(--ph-radius); overflow: hidden; }
body .ph-karte > * { margin: 0; }
.ph-karte > .wp-block-image img { border-radius: 0 !important; aspect-ratio: 16 / 10; }
.ph-karte-inhalt, .ph-kasten { padding: clamp(22px, 3vw, 34px); }
.ph-karte-inhalt > .is-style-mehr { margin-top: auto !important; }
body .ph-kasten { background: var(--ph-papier); border-radius: var(--ph-radius); }
.ph-ton-papier .ph-kasten, .ph-ton-papier .ph-karte { background: var(--ph-weiss); }
.ph-kasten > .is-style-mehr { margin-top: auto !important; }
body .ph-schmal { max-width: var(--ph-schmal) !important; margin-left: 0 !important; }
.ph-abschnitt > .ph-schmal { margin-left: auto !important; }

/* Faktenliste (Tabellenstil) */
body .wp-block-table.is-style-fakten { margin: 0; overflow-x: auto; }
.wp-block-table.is-style-fakten table { width: 100%; border-collapse: collapse; border-top: 1px solid var(--ph-linie); }
.wp-block-table.is-style-fakten td { border: 0; border-bottom: 1px solid var(--ph-linie); padding: 10px 0; vertical-align: top; font-size: .97rem; }
.wp-block-table.is-style-fakten td:first-child { color: var(--ph-grau); padding-right: 16px; }
.wp-block-table.is-style-fakten td:last-child { font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 420px) {
	.wp-block-table.is-style-fakten td { display: block; text-align: left !important; padding: 0; border: 0; }
	.wp-block-table.is-style-fakten td:first-child { padding-top: 10px; }
	.wp-block-table.is-style-fakten td:last-child { padding-bottom: 10px; border-bottom: 1px solid var(--ph-linie); }
}

/* ---------- Kontaktwege ---------- */
body .ph-wege { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
body .ph-wege > * { margin: 0; min-width: 0; }
body .ph-weg { background: rgba(255, 253, 248, .08); border: 1px solid rgba(255, 253, 248, .18); border-radius: 16px; padding: 16px 18px; display: grid; gap: 2px; }
body .ph-weg > * { margin: 0; }
.ph-weg-titel { font-size: .78rem !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #e9eedc !important; }
.ph-weg-wert { font-weight: 700; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; color: var(--ph-weiss) !important; }
.ph-weg-wert a { text-decoration: none; }
.ph-weg-wert a:hover { text-decoration: underline; }
.ph-wege--hell .ph-weg { background: var(--ph-weiss); border-color: var(--ph-linie); }
.ph-wege--hell .ph-weg-titel { color: var(--ph-gruen-text) !important; }
.ph-wege--hell .ph-weg-wert, .ph-wege--hell .ph-weg-wert a { color: var(--ph-tinte) !important; }
@media (max-width: 480px) { body .ph-wege { grid-template-columns: minmax(0, 1fr); } }
.ph-karte-bild img { border: 6px solid rgba(255, 253, 248, .9); max-width: 460px; }
.ph-kontakt-seite .ph-karte-bild img { border-color: var(--ph-weiss); }

/* ---------- Seitenkopf der Unterseiten ---------- */
body .ph-seitenkopf { max-width: var(--ph-breite); margin-inline: auto; padding: clamp(32px, 6vw, 72px) var(--ph-rand-r) 0 var(--ph-rand-l); }
body .ph-seitenkopf > * { margin: 0; }
body .ph-seitenkopf h1 { font-size: var(--wp--preset--font-size--riesig); }
@media (min-width: 1200px) { body .ph-seitenkopf { padding-left: 0; padding-right: 0; } }

/* Schlichte Seiten wie Impressum und Datenschutz */
body .ph-rechtstext { max-width: calc(var(--ph-schmal) + 40px); margin: 0 auto; padding: clamp(24px, 4vw, 40px) var(--ph-rand-r) clamp(56px, 8vw, 96px) var(--ph-rand-l); }
body .ph-rechtstext > * { margin: 0; }
body .ph-rechtstext > * + * { margin-top: 1em; }
body .ph-rechtstext > h2 { font-family: var(--ph-text); font-weight: 800; font-size: 1.25rem; color: var(--ph-tinte); margin-top: 2em; }
body .ph-rechtstext > h3 { font-family: var(--ph-text); font-weight: 800; font-size: 1.08rem; color: var(--ph-tinte); margin-top: 1.6em; }
.ph-ergaenzen { background: #fff3c4; border: 2px dashed var(--ph-braun); border-radius: 12px; padding: 14px 18px; color: #4a3a1c; }
/* Inhalte, die jemand außerhalb eines Abschnitts einfügt, bleiben lesbar schmal */
body .ph-inhalt > :not(.ph-abschnitt):not(.ph-rechtstext):not(.alignfull) { max-width: var(--ph-schmal); margin: 1.25rem auto; padding-inline: 20px; }

/* ---------- Fußzeile ---------- */
.ph-fuss-bereich { background: var(--ph-papier); border-top: 1px solid var(--ph-linie); font-size: .93rem; color: var(--ph-grau); }
body .ph-fuss { max-width: var(--ph-breite); margin-inline: auto; padding: 44px var(--ph-rand-r) 36px var(--ph-rand-l); display: grid; gap: 24px; }
body .ph-fuss > *, body .ph-fuss-oben > *, body .ph-fuss-unten > * { margin: 0; }
body .ph-fuss-oben { display: grid; grid-template-columns: auto 1fr auto; gap: 24px 48px; align-items: center; }
.ph-fuss .ph-logo img { height: 52px !important; }
.ph-fuss-links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.ph-fuss-links a { color: var(--ph-tinte); font-weight: 700; text-decoration: none; }
.ph-fuss-links a:hover { color: var(--ph-gruen-text); }
.ph-fuss-adresse { text-align: right; line-height: 1.5; }
.ph-fuss-adresse a, .ph-fuss-unten a { color: var(--ph-grau); }
body .ph-fuss-unten { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 24px; border-top: 1px solid var(--ph-linie); padding-top: 20px; }
.ph-sozial { gap: 10px !important; }
.ph-sozial .wp-social-link { color: var(--ph-gruen-text); }
.ph-sozial:empty, .ph-sozial:not(:has(li)) { display: none !important; }
@media (max-width: 760px) {
	body .ph-fuss-oben { grid-template-columns: minmax(0, 1fr); }
	.ph-fuss-adresse { text-align: left; }
}

/* ---------- Anfrageformular ---------- */
.ph-formular form { display: grid; gap: 16px; }
.ph-feldgruppe { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 520px) { .ph-feldgruppe { grid-template-columns: minmax(0, 1fr); } }
.ph-feld { display: grid; gap: 6px; min-width: 0; }
.ph-feld label { font-weight: 700; font-size: .95rem; }
.ph-feld input, .ph-feld select, .ph-feld textarea {
	width: 100%; font: inherit; font-size: 1rem; color: var(--ph-tinte);
	background: var(--ph-weiss); border: 1.5px solid #cfc3b2; border-radius: 12px; padding: 12px 14px;
}
.ph-feld textarea { resize: vertical; min-height: 140px; }
.ph-feld input:focus, .ph-feld select:focus, .ph-feld textarea:focus { border-color: var(--ph-gruen-tief); outline: 3px solid color-mix(in srgb, var(--ph-gruen) 35%, transparent); outline-offset: 0; }
.ph-lockfeld { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ph-hinweis { font-size: .88rem; color: var(--ph-grau); margin: 0; }
.ph-meldung { border-radius: 14px; padding: 14px 18px; margin: 0 0 20px; }
.ph-meldung--ok { background: #e7efd9; color: #33421f; border: 1px solid #b9cb95; }
.ph-meldung--fehler { background: #f8e4dc; color: #6b2a12; border: 1px solid #e3b4a0; }
.ph-formular button.wp-block-button__link { border: 0; cursor: pointer; font-family: inherit; }

/* ---------- Großes Landschaftsbild oben auf der Startseite (ab Version 1.1) ---------- */
body .ph-held { position: relative; margin: 0; padding: 0; overflow: visible; isolation: isolate; }
body .ph-held > * { margin: 0; }
.ph-held .ph-held-bild img { display: block; width: 100%; height: clamp(380px, 64vh, 660px); object-fit: cover; object-position: 50% 62%; border-radius: 0; }
.ph-held::before {
	content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(180deg, rgba(30, 36, 20, .62) 0%, rgba(30, 36, 20, .28) 38%, rgba(30, 36, 20, 0) 62%);
}
body .ph-held .ph-held-text {
	position: absolute; z-index: 2; left: 0; right: 0; top: clamp(28px, 6vw, 80px);
	max-width: var(--ph-breite); margin: 0 auto;
	padding: 0 var(--ph-rand-r) 0 var(--ph-rand-l);
	display: flex; flex-direction: column; gap: 10px;
}
@media (min-width: 1200px) { body .ph-held .ph-held-text { padding-inline: 0; } }
.ph-held .ph-held-text > * { margin: 0; }
.ph-held .ph-held-text h1 { color: var(--ph-weiss); max-width: 12ch; text-shadow: 0 2px 18px rgba(20, 24, 12, .35); }
.ph-held .ph-held-text .is-style-augenbraue { color: #f1f3ea; text-shadow: 0 1px 8px rgba(20, 24, 12, .5); }
.ph-held .ph-held-logo {
	position: absolute; z-index: 3; left: 50%; bottom: 0;
	width: clamp(150px, 16vw, 210px); transform: translate(-50%, 50%);
	border-radius: 50%; box-shadow: 0 0 0 6px var(--ph-papier), 0 20px 44px -18px rgba(40, 44, 30, .55);
}
.ph-held .ph-held-logo img { display: block; width: 100%; height: auto; border-radius: 50%; }

/* Einleitung unter dem Logo */
body .ph-held + .ph-abschnitt { padding-top: calc(clamp(150px, 16vw, 210px) / 2 + clamp(28px, 4vw, 44px)); }
body .ph-start-intro { align-items: center; text-align: center; gap: 22px; }
.ph-start-intro .ph-lead { max-width: 40ch; margin-inline: auto; }
.ph-start-intro .wp-block-buttons { justify-content: center; }
.ph-start-intro .ph-siegel { text-align: left; }

@media (max-width: 600px) {
	.ph-held .ph-held-bild img { height: 440px; object-position: 62% 60%; }
	.ph-held::before { background: linear-gradient(180deg, rgba(30, 36, 20, .66) 0%, rgba(30, 36, 20, .3) 42%, rgba(30, 36, 20, 0) 66%); }
}

/* Porträt von Manuela rechts unten im Landschaftsbild (ab Version 1.4) */
.ph-held .ph-held-bild img { height: clamp(460px, 72vh, 700px); object-position: 50% 38%; }
body .ph-held .ph-held-portraet {
	position: absolute; z-index: 2;
	right: max(var(--ph-rand-r), calc((100% - var(--ph-breite)) / 2));
	bottom: clamp(36px, 5vw, 64px);
	width: clamp(150px, 16vw, 220px);
	margin: 0;
}
.ph-held .ph-held-portraet img {
	display: block; width: 100%; aspect-ratio: 3 / 4; height: auto; object-fit: cover; object-position: 50% 20%;
	border-radius: 18px; border: 6px solid var(--ph-weiss);
	box-shadow: 0 22px 46px -18px rgba(25, 30, 15, .6);
}
@media (max-width: 600px) {
	.ph-held .ph-held-bild img { height: 520px; object-position: 55% 55%; }
	body .ph-held .ph-held-portraet { width: 112px; bottom: 96px; }
}

/* Landschaftsbild ohne dunklen Verlauf, original hell (ab Version 1.4.1) */
.ph-held::before { display: none; }
.ph-held .ph-held-text h1 { text-shadow: 0 1px 2px rgba(20, 40, 80, .25), 0 2px 16px rgba(20, 40, 80, .28); }
.ph-held .ph-held-text .is-style-augenbraue { color: var(--ph-weiss); text-shadow: 0 1px 2px rgba(20, 40, 80, .35), 0 1px 10px rgba(20, 40, 80, .35); }
/* Auf dem hellen Himmel ist dunkle Schrift lesbar, weiße nicht (Kontrast unter 2:1) */
.ph-held .ph-held-text h1 { color: var(--ph-braun-text); text-shadow: 0 0 22px rgba(255, 253, 248, .55); }
.ph-held .ph-held-text .is-style-augenbraue { color: var(--ph-tinte); text-shadow: 0 0 12px rgba(255, 253, 248, .7); }
@media (max-width: 600px) {
	.ph-held .ph-held-bild img { object-position: 55% 22%; }
}

/* Version 1.5: Überschrift mittig, Manuela freigestellt rechts neben der Trauerweide */
body .ph-held .ph-held-text { align-items: center; text-align: center; }
.ph-held .ph-held-text h1 { max-width: none; }
body .ph-held .ph-held-person {
	position: absolute; z-index: 2; margin: 0;
	left: 66%; bottom: 0;
	height: 64%; width: auto;
}
.ph-held .ph-held-person img {
	display: block; height: 100%; width: auto; max-width: none;
	border-radius: 0; border: 0;
	filter: drop-shadow(0 10px 18px rgba(25, 30, 15, .28));
}
.ph-start-intro .ph-lead { max-width: none; }
@media (max-width: 600px) {
	.ph-held .ph-held-text h1 { font-size: clamp(1.7rem, 7.6vw, 2.2rem); }
	body .ph-held .ph-held-person { left: auto; right: -6px; height: 44%; }
}
body .ph-held .ph-held-person { height: 58%; }
@media (max-width: 600px) {
	body .ph-held .ph-held-person { height: 38%; right: -10px; }
	.ph-start-intro .ph-lead br { display: none; }
}
@media (max-width: 600px) {
	/* Auf dem Handy liegt die Überschrift auf kräftigerem Blau: dunkleres Braun für genug Kontrast */
	.ph-held .ph-held-text h1 { color: #573f22; }
}

/* Version 1.5.1: Manuela kleiner, Überschrift weiß */
body .ph-held .ph-held-person { height: 44%; }
.ph-held .ph-held-text h1,
.ph-held .ph-held-text .is-style-augenbraue { color: var(--ph-weiss); }
.ph-held .ph-held-text h1 { text-shadow: 0 1px 2px rgba(20, 40, 80, .3), 0 2px 18px rgba(20, 40, 80, .35); }
.ph-held .ph-held-text .is-style-augenbraue { text-shadow: 0 1px 2px rgba(20, 40, 80, .4), 0 1px 10px rgba(20, 40, 80, .4); }
@media (max-width: 600px) {
	body .ph-held .ph-held-person { height: 29%; }
	.ph-held .ph-held-text h1 { color: var(--ph-weiss); }
}

/* Version 1.5.2: Manuela wieder größer und etwas nach links, himmelblauer Verlauf oben */
body .ph-held .ph-held-person { height: 58%; left: calc(66% - 50px); }
.ph-held::before {
	display: block;
	background: linear-gradient(180deg, rgba(38, 104, 196, .62) 0%, rgba(38, 104, 196, .38) 30%, rgba(38, 104, 196, 0) 58%);
}
@media (max-width: 600px) {
	body .ph-held .ph-held-person { height: 38%; left: auto; right: 30px; }
	.ph-held::before { background: linear-gradient(180deg, rgba(38, 104, 196, .66) 0%, rgba(38, 104, 196, .4) 34%, rgba(38, 104, 196, 0) 60%); }
}