/* Profilvorlagen, 8. November 2026. Nur aktive Vorlagen und ihre Auswahl. */
.profilvorlage--sanft {
  --pv-bg: #FCF8EF; --pv-flaeche: #F2E9DA; --pv-dekor: #EBDCC6;
  --pv-akzent: #94462F; --pv-text: #2D241E; --pv-karte: #FFFCF6;
  --pv-knopf: var(--color-primary); --pv-knopf-text: #2D241E;
  --pv-kopf-text: #2D241E; --pv-kopf-akzent: #94462F;
}
.profilvorlage--klar {
  --pv-bg: #FCF8EF; --pv-flaeche: #EDF1F5; --pv-dekor: #DCE4EE;
  --pv-akzent: #48637D; --pv-text: #2D241E; --pv-karte: #FFFFFF;
  --pv-knopf: #567594; --pv-knopf-text: #FFFFFF;
  --pv-kopf-text: #2D241E; --pv-kopf-akzent: #48637D;
}
.profilvorlage--markant {
  --pv-bg: #FCF8EF; --pv-flaeche: #3F4827; --pv-dekor: #EDEFDF;
  --pv-akzent: #525C31; --pv-text: #2D241E; --pv-karte: #FFFCF6;
  --pv-knopf: #3F4827; --pv-knopf-text: #FCF8EF;
  --pv-kopf-text: #FCF8EF; --pv-kopf-akzent: #F4EBE0;
}
/* Kontrast (WCAG): #2D241E auf #FCF8EF 14.33, auf #F2E9DA 12.62;
   #94462F auf #F2E9DA 5.49; #48637D auf #DCE4EE 4.88,
   auf #EDF1F5 5.51; Weiß auf #567594 4.81; #FCF8EF auf #3F4827 9.14.
   Die dunklere blaue Textstufe schützt auch kleine Schrift im Kopf.
   Bedienkanten und Fokus verwenden die jeweilige kräftige Akzentfarbe. */
.profilvorlage {
  background: var(--pv-bg); color: var(--pv-text); font-size: 1rem;
  overflow-wrap: break-word; hyphens: auto; --pv-linie: var(--color-border);
}
.profilvorlage :is(h1, h2, p, li, dl) { color: inherit; }
.profilvorlage :is(.pv-kopf__lead, .pv-kopf__beruf) { hyphens: manual; overflow-wrap: normal; }
.profilvorlage :is(a, button, input, textarea):focus-visible {
  outline: 3px solid var(--pv-akzent); outline-offset: 5px;
}
.profilvorlage a:not(.btn) { color: var(--pv-akzent); }
.profilvorlage--klar .pv-kopf__beruf { color: var(--pv-kopf-akzent); }
.profilvorlage .btn { min-height: 48px; white-space: normal; font-size: 1rem; }
.profilvorlage .btn--primary {
  background: var(--pv-knopf); color: var(--pv-knopf-text); border-color: var(--pv-akzent);
}
.profilvorlage .btn--primary:is(:hover, :focus-visible) {
  background: var(--pv-akzent); color: var(--pv-bg); box-shadow: none;
}
.profilvorlage .btn--ghost { color: var(--pv-akzent); border-color: var(--pv-akzent); background: transparent; }
.profilvorlage .btn--ghost:hover { background: var(--pv-dekor); color: var(--pv-text); }
.pv-kopf { position: relative; background: var(--pv-flaeche); color: var(--pv-kopf-text); padding: 2rem 0 6rem; }
.pv-kopf__inner {
  display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  grid-template-areas: 'back back' 'notice notice' 'text foto';
  gap: 0 5rem; align-items: center;
}
.pv-kopf .profile-back { grid-area: back; justify-self: start; display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 2rem; }
.pv-kopf__inner > .callout { grid-area: notice; }
.pv-kopf__text { grid-area: text; min-width: 0; }
.pv-kopf__beruf { color: var(--pv-kopf-akzent) !important; margin: 0 0 1rem; letter-spacing: .16em; }
.pv-kopf__name { font-size: clamp(2.5rem, 4.5vw, 4.5rem); line-height: 1.05; margin: 0 0 1.5rem; }
.pv-kopf__lead { font-size: 1.25rem; line-height: 1.6; max-width: 40ch; margin-bottom: 1.5rem; }
.pv-kopf__foto { grid-area: foto; width: 100%; max-width: 25rem; justify-self: center; border: 1px solid var(--pv-kopf-akzent); padding: .55rem; border-radius: 50%; }
.pv-kopf__foto img, .pv-kopf__initialen { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: inherit; }
.pv-kopf__initialen { display: grid; place-items: center; background: var(--pv-dekor); color: var(--pv-akzent); font: 5rem var(--font-mark); font-variant-numeric: var(--zahlen-mark); }
.pv-kopf__themen { display: none; }
.profilvorlage--sanft .pv-kopf__themen { display: flex; flex-wrap: wrap; gap: .65rem; list-style: none; padding: 0; margin: 1.5rem 0; }
.profilvorlage--sanft .pv-themen { display: none; }
.pv-fakten { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; padding: 0; margin: 1.5rem 0; list-style: none; }
.pv-fakt { display: flex; align-items: center; gap: .6rem; min-width: 0; }
.pv-fakt svg { width: 22px; height: 22px; flex: none; }
.pv-fakt--frei::before { content: ''; width: .6rem; height: .6rem; border-radius: 50%; background: var(--color-success); flex: none; }
.pv-kopf__aktionen { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.pv-kopf .profile-demo { margin-top: 1.5rem; font-size: 1rem; }
.pv-kopf__welle { position: relative; top: 1px; margin-top: 2rem; margin-bottom: -6rem; width: 100%; height: 64px; fill: var(--pv-bg); pointer-events: none; }
.pv-inhalt { display: grid; grid-template-columns: minmax(0, 1fr) 21rem; align-items: start; gap: 5rem; padding-top: 3rem; }
.pv-haupt { min-width: 0; }
.pv-abschnitt { margin-bottom: 3.5rem; scroll-margin-top: 6rem; }
.profilvorlage h2 { font-size: clamp(1.65rem, 2.5vw, 2.25rem); line-height: 1.2; margin: 0 0 1.5rem; }
.pv-abschnitt p { line-height: 1.85; max-width: 66ch; }
.pv-themen__liste, .pv-quali__liste, .pv-galerie__liste, .pv-links__liste { list-style: none; margin: 0; padding: 0; }
.pv-themen__liste { display: flex; flex-wrap: wrap; gap: .65rem; }
.pv-thema { display: flex; align-items: center; min-height: 44px; padding: .65rem 1.1rem; border-radius: 2rem; background: var(--pv-dekor); text-decoration: none; font-weight: 500; }
.pv-thema:hover { text-decoration: underline; text-underline-offset: .2em; }
.pv-quali__liste { display: grid; gap: 1rem; }
.pv-quali__liste li { display: flex; gap: 1rem; align-items: baseline; }
.pv-quali__haken { width: 1rem; height: .55rem; flex: none; border-left: 2px solid var(--pv-akzent); border-bottom: 2px solid var(--pv-akzent); transform: rotate(-45deg); }
.pv-galerie__liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.pv-galerie__liste a { display: block; border-radius: 1rem; }
.pv-galerie__liste img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 1rem; }
.pv-links__liste li + li { border-top: 1px solid var(--pv-linie); }
.pv-links__liste a { display: flex; align-items: center; min-height: 48px; padding-block: .75rem; text-underline-offset: .25em; }
.pv-kontakt { background: var(--pv-karte); border: 1px solid var(--pv-linie); border-radius: 1.5rem; padding: 2rem; box-shadow: 0 12px 36px #2D241E08; }
.pv-kontakt__symbol { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--pv-dekor); color: var(--pv-akzent); margin-bottom: 1.25rem; }
.pv-kontakt__symbol svg { width: 1.75rem; height: 1.75rem; }
.pv-kontakt .pv-kontakt__titel { font-size: 1.75rem; }
.pv-kontakt__adresse { line-height: 1.7; }
.pv-kontakt__angaben { margin: 1.75rem 0; display: grid; gap: 1.25rem; }
.pv-kontakt dt { font-weight: 600; }
.pv-kontakt dd { margin: .25rem 0 0; }
.pv-kontakt .form-note { font-size: 1rem; margin-top: 1rem; color: var(--pv-text); }
.pv-nachricht { padding-top: 1rem; padding-bottom: 5rem; }
.pv-nachricht .profile-message { max-width: none; margin: 0; }
.pv-nachricht .profile-message > h2, .pv-nachricht .profile-message > .form { max-width: 46rem; }
.pv-nachricht .profile-message > .form { background: var(--pv-karte); padding: clamp(1.25rem, 3vw, 2.5rem); border: 1px solid var(--pv-linie); border-radius: 1.5rem; }
.pv-nachricht :is(.form-field__label, .form-field__hint, .form-note, input, textarea) { font-size: 1rem; }
.pv-nachricht :is(input, textarea) { min-height: 48px; }
/* Sanft: runder Auftakt links und ruhige, klassische Lesespalte. */
.profilvorlage--sanft .pv-kopf__inner { grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); grid-template-areas: 'back back' 'notice notice' 'foto text'; gap: 0 3.5rem; }
.profilvorlage--sanft :is(h1, h2) { font-family: var(--font-mark); font-variant-numeric: var(--zahlen-mark); }
.profilvorlage--sanft .pv-abschnitt + .pv-abschnitt { border-top: 1px solid var(--pv-linie); padding-top: 2.5rem; }
/* Klar: großzügiger Bildraum, Kacheln und fein gegliederte Abschnitte. */
.profilvorlage--klar .pv-kopf { padding-bottom: 3rem; background: linear-gradient(120deg, var(--pv-flaeche), var(--pv-dekor)); }
.profilvorlage--klar .pv-kopf__welle { display: none; }
.profilvorlage--klar .pv-kopf__foto { max-width: 27rem; padding: .35rem; border: 0; background: var(--pv-karte); box-shadow: 0 16px 40px #2D241E12; }
.profilvorlage--klar .pv-fakten { gap: .5rem; }
.profilvorlage--klar .pv-fakt { background: var(--pv-karte); color: var(--pv-text); padding: .5rem .85rem; border-radius: 2rem; }
.profilvorlage--klar .pv-abschnitt h2::before { content: ''; display: block; width: 2.5rem; height: 3px; background: var(--pv-akzent); margin-bottom: 1rem; }
.profilvorlage--klar .pv-themen__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); counter-reset: thema; }
.profilvorlage--klar .pv-thema { color: var(--pv-akzent); height: 100%; min-height: 3.5rem; border-radius: .75rem; flex-direction: row; align-items: center; gap: .75rem; font-size: 1rem; font-weight: 600; background: var(--pv-flaeche); }
.profilvorlage--klar .pv-thema::before { counter-increment: thema; content: counter(thema); min-width: 2ch; font-size: .75rem; font-weight: 400; flex: none; }
.profilvorlage--klar .pv-quali__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.profilvorlage--klar .pv-kontakt { border-radius: 1rem; }
/* Markant: hoher Bogen, großzügige Serifenschrift und dezente Abschnittsnummern. */
.profilvorlage--markant :is(h1, h2) { font-family: var(--font-mark); font-variant-numeric: var(--zahlen-mark); }
.profilvorlage--markant .pv-kopf__foto { border-radius: 50% 50% .75rem .75rem; max-width: 22rem; padding: .5rem; }
.profilvorlage--markant .pv-kopf__foto :is(img, .pv-kopf__initialen) { aspect-ratio: 4 / 5; }
.profilvorlage--markant .pv-kopf__lead { font: italic clamp(1.7rem, 2.5vw, 2.25rem)/1.25 var(--font-mark); font-variant-numeric: var(--zahlen-mark); }
.profilvorlage--markant .pv-kopf a:not(.btn) { color: var(--pv-kopf-text); }
.profilvorlage--markant .pv-kopf .btn--primary { background: #FCF8EF; color: #3F4827; border-color: #FCF8EF; }
.profilvorlage--markant .pv-kopf .btn--ghost { color: #FCF8EF; border-color: #FCF8EF; }
.profilvorlage--markant .pv-kopf .btn:hover { background: #EDEFDF; color: #3F4827; }
.profilvorlage--markant .pv-kopf :focus-visible { outline-color: #FCF8EF; }
.profilvorlage--markant .pv-fakt--frei::before { background: #BFCB91; }
.profilvorlage--markant .pv-haupt { counter-reset: abschnitt; }
.profilvorlage--markant .pv-abschnitt h2::before { counter-increment: abschnitt; content: counter(abschnitt); margin-right: .3em; color: var(--pv-akzent); font-style: italic; }
.profilvorlage--markant .pv-themen__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.5rem; }
.profilvorlage--markant .pv-thema { border-radius: 0; padding: 1rem 0; background: transparent; border-bottom: 1px solid var(--pv-linie); gap: .75rem; }
.profilvorlage--markant .pv-thema::before { content: ''; width: .5rem; height: .5rem; flex: none; background: var(--pv-akzent); border-radius: 50%; }
.profilvorlage--markant .pv-kontakt { border-top: 5px solid var(--pv-akzent); border-radius: .5rem .5rem 1.5rem 1.5rem; }
/* Auswahl: echte Radios, die ganze Karte ist das zugehörige Label. */
.profilvorlage-wahl .profilvorlage-wahl__gruppe { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; border: 0; padding: 0; margin: 1.5rem 0; min-width: 0; }
.profilvorlage-wahl__item { position: relative; display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); align-content: start; gap: .75rem .4rem; padding: .75rem; border: 2px solid var(--color-border-control); border-radius: 1rem; background: var(--color-surface); cursor: pointer; }
.profilvorlage-wahl__item:has(input:checked) { border-color: var(--color-primary-dark); box-shadow: 0 0 0 2px var(--color-primary-dark); background: var(--color-primary-soft); }
.profilvorlage-wahl__item:has(input:focus-visible) { outline: 3px solid var(--color-focus); outline-offset: 5px; }
.profilvorlage-wahl__item input { width: 1.25rem; height: 1.25rem; margin: .2rem 0 0; grid-row: 2; accent-color: var(--color-primary-dark); }
.profilvorlage-wahl__name { grid-column: 2; grid-row: 2; font-weight: 700; font-size: 1.125rem; hyphens: manual; overflow-wrap: normal; }
.profilvorlage-wahl__text { grid-column: 1 / -1; font-size: 1rem; overflow-wrap: normal; hyphens: manual; }
/* Feste Miniaturzonen verhindern, dass Foto und Kontaktkarte ineinanderragen. */
.profilvorlage-wahl__vorschau { --mini-kopf: #F2E9DA; --mini-foto: #C79779; --mini-tinte: #94462F; display: grid; grid-template-columns: 9% 47% 16% 19% 9%; grid-template-rows: 15% 45% 9% 5% 18% 8%; grid-column: 1 / -1; grid-row: 1; width: 100%; height: auto; aspect-ratio: 16 / 10; max-height: 140px; background: #FCF8EF; border: 1px solid #857360; border-radius: .5rem; overflow: hidden; }
.pv-mini__kopf { grid-area: 1 / 1 / 3 / -1; display: grid; grid-template-columns: 9% 34% 14% 34% 9%; grid-template-rows: 12% 26% 46% 16%; background: var(--mini-kopf); border-radius: 0 0 42% 14% / 0 0 15% 12%; }
.pv-mini__foto { grid-area: 2 / 2 / 4 / 5; justify-self: start; height: 100%; aspect-ratio: 1; border-radius: 50%; background: var(--mini-foto); border: 1px solid #FCF8EF; }
.pv-mini__zeilen { grid-area: 3 / 3 / 4 / 5; height: 3px; background: var(--mini-tinte); box-shadow: 0 6px 0 var(--mini-tinte); opacity: .75; }
.pv-mini__inhalt { grid-area: 5 / 2 / 6 / 3; height: 2px; background: #BFB097; box-shadow: 0 5px 0 #BFB097, 0 10px 0 #BFB097; }
.pv-mini__kontakt { grid-area: 4 / 4 / 6 / 5; background: #EBDCC6; border-top: 2px solid var(--mini-tinte); border-radius: 2px; }
.profilvorlage-wahl__item--klar .profilvorlage-wahl__vorschau { --mini-kopf: #EDF1F5; --mini-foto: #A3B2C5; --mini-tinte: #567594; }
.profilvorlage-wahl__item--klar .pv-mini__kopf { border-radius: 0; }
.profilvorlage-wahl__item--klar .pv-mini__foto, .profilvorlage-wahl__item--markant .pv-mini__foto { justify-self: end; }
.profilvorlage-wahl__item--klar .pv-mini__zeilen, .profilvorlage-wahl__item--markant .pv-mini__zeilen { grid-column: 2 / 4; }
.profilvorlage-wahl__item--markant .profilvorlage-wahl__vorschau { --mini-kopf: #3F4827; --mini-foto: #95A06A; --mini-tinte: #F4EBE0; }
.profilvorlage-wahl__item--markant .pv-mini__foto { aspect-ratio: 4 / 5; border-radius: 50% 50% 3% 3%; }
.profilvorlage-wahl__item--markant .pv-mini__kontakt { border-color: #525C31; }
.profilvorlage-wahl__item--standard .pv-mini__kopf { width: 68%; grid-template-columns: 13% 29% 48% 10%; grid-template-rows: 24% 14% 26% 36%; background: transparent; }
.profilvorlage-wahl__item--standard .pv-mini__foto { grid-column: 2 / 4; }
.profilvorlage-wahl__item--standard .pv-mini__zeilen { grid-column: 3 / 4; }
.profilvorlage-wahl__item--standard .pv-mini__kontakt { grid-row-start: 2; }
/* Dunkle Werte zentral; beide Auswahlwege setzen dieselben Rollen.
   #F4EBE0 auf #362B22 11.67; #F0A98C darauf 7.05;
   #BFCB91 auf #2B3122 7.77; #B5CBE0 auf #293440 7.58.
   Helle Akzente dienen zugleich als Fokus und als Knopffläche mit dunklem Text. */
.profilvorlage { --pv-dunkel-bg: #1F1812; --pv-dunkel-karte: #362B22; --pv-dunkel-text: #F4EBE0; }
.profilvorlage--sanft { --pv-dunkel-flaeche: #30261E; --pv-dunkel-dekor: #3A281F; --pv-dunkel-akzent: #F0A98C; }
.profilvorlage--klar { --pv-dunkel-flaeche: #232C36; --pv-dunkel-dekor: #293440; --pv-dunkel-akzent: #B5CBE0; }
.profilvorlage--markant { --pv-dunkel-flaeche: #2B3122; --pv-dunkel-dekor: #2B3122; --pv-dunkel-akzent: #BFCB91; }
:root[data-theme="dark"] .profilvorlage {
  --pv-bg: var(--pv-dunkel-bg); --pv-karte: var(--pv-dunkel-karte); --pv-text: var(--pv-dunkel-text);
  --pv-flaeche: var(--pv-dunkel-flaeche); --pv-dekor: var(--pv-dunkel-dekor); --pv-akzent: var(--pv-dunkel-akzent);
  --pv-kopf-text: var(--pv-dunkel-text); --pv-kopf-akzent: var(--pv-dunkel-akzent);
  --pv-knopf: var(--pv-dunkel-akzent); --pv-knopf-text: var(--pv-dunkel-bg);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) :is(.profilvorlage, .profilvorlage-panel) {
    color-scheme: dark;
    --color-bg: #1F1812; --color-bg-alt: #30261E; --color-surface: #362B22;
    --color-text: #F4EBE0; --color-text-muted: #C0B0A0;
    --color-primary: #C97F62; --color-primary-dark: #F0A98C; --color-primary-soft: #3A281F;
    --color-text-on-primary: #231A14; --color-text-on-primary-dark: #231A14;
    --color-secondary-soft: #2B3122; --color-secondary-dark: #BFCB91;
    --color-success: #BFCB91; --color-focus: #BFCB91;
    --color-border: #594A3E; --color-border-control: #9C8B7B;
    --color-accent-soft: #3A2E1C; --color-warning-text: #F0C98A;
    --color-danger: #F09890; --color-danger-soft: #3A2320; --color-placeholder: #A4968A;
    color: var(--color-text);
  }
  :root:not([data-theme="light"]) .profilvorlage {
    --pv-bg: var(--pv-dunkel-bg); --pv-karte: var(--pv-dunkel-karte); --pv-text: var(--pv-dunkel-text);
    --pv-flaeche: var(--pv-dunkel-flaeche); --pv-dekor: var(--pv-dunkel-dekor); --pv-akzent: var(--pv-dunkel-akzent);
    --pv-kopf-text: var(--pv-dunkel-text); --pv-kopf-akzent: var(--pv-dunkel-akzent);
    --pv-knopf: var(--pv-dunkel-akzent); --pv-knopf-text: var(--pv-dunkel-bg);
  }
}
/* Kleinere Breiten behalten die Reihenfolge und ausreichend große Ziele. */
@media (max-width: 1099px) {
  .pv-kopf__inner, .profilvorlage--sanft .pv-kopf__inner { column-gap: 2rem; }
  .pv-inhalt { grid-template-columns: minmax(0, 1fr) 19rem; gap: 2rem; }
  .pv-kontakt { padding: 1.5rem; }
  .profilvorlage-wahl .profilvorlage-wahl__gruppe { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 759px) {
  .profilvorlage-wahl__text { font-size: .9375rem; }
  .profilvorlage-wahl__vorschau { max-height: 110px; }
  .pv-kopf { padding-top: 1rem; padding-bottom: 4rem; }
  .pv-kopf__inner, .profilvorlage--sanft .pv-kopf__inner { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'back' 'notice' 'foto' 'text'; gap: .75rem; }
  .pv-kopf .profile-back { margin-bottom: 0; }
  .pv-kopf__foto, .profilvorlage--klar .pv-kopf__foto, .profilvorlage--markant .pv-kopf__foto { width: 112px; max-width: 32%; justify-self: start; padding: .3rem; }
  /* Der direkte Kontakt steht auch bei vielen Themen früh im mobilen Kopf. */
  .pv-kopf__text { display: flex; flex-direction: column; }
  .pv-kopf__themen, .pv-fakten { order: 1; }
  .pv-kopf .profile-demo { order: 2; }
  .pv-kopf__name { font-size: clamp(2.25rem, 9vw, 3.5rem); margin-bottom: .75rem; }
  .pv-kopf__beruf { margin-bottom: .5rem; }
  .pv-kopf__lead { font-size: 1.125rem; line-height: 1.45; margin-bottom: .75rem; }
  .profilvorlage--markant .pv-kopf__lead { font-size: 1.65rem; }
  .profilvorlage--sanft .pv-kopf__themen { gap: .25rem .4rem; margin: .75rem 0; }
  .pv-kopf__themen .pv-thema { padding: .35rem .7rem; font-size: .875rem; }
  .pv-fakten { gap: .5rem .75rem; margin: .75rem 0; }
  .pv-fakt { gap: .4rem; }
  .profilvorlage--klar .pv-fakt { padding: .35rem .65rem; }
  .pv-kopf__aktionen { flex-wrap: nowrap; gap: .5rem; margin-top: 1rem; }
  .pv-kopf__welle { height: 32px; margin-bottom: -4rem; }
  .pv-kopf__aktionen .btn { flex: 1 1 auto; padding-inline: .75rem; }
  .pv-inhalt { grid-template-columns: minmax(0, 1fr); gap: .5rem; padding-top: 2.5rem; }
  .pv-kontakt { margin-bottom: 2rem; }
  .pv-abschnitt { margin-bottom: 2.5rem; }
  .pv-galerie__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pv-galerie__liste:has(> li:nth-child(3):last-child) > li:first-child { grid-column: 1 / -1; }
  .pv-galerie__liste:has(> li:nth-child(3):last-child) > li:first-child img { aspect-ratio: 8 / 5; }
  .profilvorlage--klar .pv-quali__liste, .profilvorlage--markant .pv-themen__liste { grid-template-columns: minmax(0, 1fr); }
  .pv-nachricht .form-grid { grid-template-columns: minmax(0, 1fr); }
  .pv-nachricht { padding-bottom: 3rem; }
}
@media (max-width: 419px) {
  .profilvorlage-wahl__item { padding: .5rem; gap: .5rem .25rem; }
  .profilvorlage-wahl__name { font-size: 1rem; }
  .profilvorlage--klar .pv-themen__liste { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .profilvorlage *, .profilvorlage-wahl * { transition: none !important; animation: none !important; scroll-behavior: auto; }
  .profilvorlage .btn:hover { transform: none; }
}

/* 9. November 2026: Große Handyfotos mit den vorhandenen Kreisen und dem hohen Bogen. */
@media (max-width: 700px) {
  .pv-kopf__foto, .profilvorlage--klar .pv-kopf__foto, .profilvorlage--markant .pv-kopf__foto {
    width: clamp(220px, 65vw, 260px); max-width: 100%; justify-self: center; padding: .5rem;
  }
  .pv-kopf__foto img { object-position: center 25%; }
}