diff --git a/src/pages/ch/index.astro b/src/pages/ch/index.astro index 1f6b828..8277ab3 100644 --- a/src/pages/ch/index.astro +++ b/src/pages/ch/index.astro @@ -87,7 +87,7 @@ const sale = products.filter((p) => p.badges.includes("sale") || p.preisAlt).sli
- Porträtfoto von VanVan + Porträtfoto von VanVan 🩵 Handgemacht
diff --git a/src/pages/en/index.astro b/src/pages/en/index.astro index d0e24f0..dd371b0 100644 --- a/src/pages/en/index.astro +++ b/src/pages/en/index.astro @@ -87,7 +87,7 @@ const sale = products.filter((p) => p.badges.includes("sale") || p.preisAlt).sli
- Portrait photo of VanVan + Portrait photo of VanVan 🩵 Handmade
diff --git a/src/pages/fr/index.astro b/src/pages/fr/index.astro index fa5ac05..30f2ef5 100644 --- a/src/pages/fr/index.astro +++ b/src/pages/fr/index.astro @@ -87,7 +87,7 @@ const sale = products.filter((p) => p.badges.includes("sale") || p.preisAlt).sli
- Photo de VanVan + Photo de VanVan 🩵 Fait main
diff --git a/src/pages/index.astro b/src/pages/index.astro index 92e0651..ea3eeed 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -87,7 +87,7 @@ const sale = products.filter((p) => p.badges.includes("sale") || p.preisAlt).sli
- Porträtfoto von VanVan + Porträtfoto von VanVan 🩵 Handgemacht
diff --git a/src/styles/global.css b/src/styles/global.css index bc132a3..b83c5c9 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -629,6 +629,13 @@ a:focus-visible, button:focus-visible { .creator-section { align-items: center; } .creator-photo { max-width: 420px; margin-inline: auto; } +/* Das echte Foto (vanvan-portrait.png, 1122×1402 ≈ 4/5) ist hochkant, nicht quadratisch — die + allgemeine .portrait-frame-Regel erzwingt aber ein 1:1-Seitenverhältnis, wodurch der untere + Teil des Fotos (der zweite Plushie im Arm) abgeschnitten wurde. Eigenes Seitenverhältnis nah am + Original, damit das komplette Foto sichtbar bleibt — gleiches Muster wie schon bei .portrait auf + der "Über die Kreative"-Seite gelöst. */ +.creator-photo .portrait-img, +.creator-photo img { aspect-ratio: 4 / 5; } /* "Über die Kreative" / Charakter-Vorstellung (Unterkategorie-Familienseiten) */ .intro { align-items: stretch; grid-template-columns: 1fr 1fr; gap: 1.6rem; } @@ -659,13 +666,17 @@ a:focus-visible, button:focus-visible { } .intro .portrait-frame.portrait::before { display: none; } /* Das Foto selbst braucht innerhalb der neuen Karte keinen zweiten Ring mehr — die Karte rahmt - schon, ein zusätzlicher Rand würde nur "doppelt gerahmt" aussehen. */ + schon, ein zusätzlicher Rand würde nur "doppelt gerahmt" aussehen. + WICHTIG: hier bewusst KEIN eigenes aspect-ratio mehr setzen — diese Regel ist (durch die + Kombination .intro + .portrait-frame + .portrait) spezifischer als die weiter unten stehende + ".portrait img { aspect-ratio: 2/3 }"-Korrektur und hat sie dadurch lautlos wieder auf 1:1 + zurückgesetzt. Genau das hat den bereits einmal gefixten Bug (Oktopus-Plushie unten + abgeschnitten) auf der "Über die Kreative"-Seite erneut verursacht. */ .intro .portrait-frame.portrait img, .intro .portrait-frame.portrait .img-placeholder { border: none; box-shadow: none; border-radius: var(--radius-s); - aspect-ratio: 1 / 1; } /* Wechselt innerhalb einer Tier-Familie ab: Foto links/rechts, Text jeweils gegenüber — sorgt