/* Phönix Textseiten (Liefer- & Zahlungsbedingungen, später Impressum/Datenschutz): ruhig, gut lesbar. */
.phx-text { padding-block: 28px 72px; max-width: 820px; }
.phx-text h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(30px, 4.6vw, 44px); line-height: 1.1; margin: 14px 0 22px; text-wrap: balance; }
.phx-text-body { font-size: 17px; line-height: 1.65; color: var(--ink); }
.phx-text-body > p:first-child { font-size: 19px; color: var(--ink-2); }
.phx-text-body h2 { font-family: var(--font-display); font-weight: 400; font-size: 23px; margin: 34px 0 8px; display: flex; align-items: baseline; gap: 10px; }
.phx-text-body h2::before { content: ""; width: 8px; height: 8px; flex: none; transform: rotate(45deg) translateY(-3px); background: var(--gold, #e0b252); box-shadow: 0 0 0 3px rgba(224, 178, 82, .25); }
.phx-text-body p, .phx-text-body ul { margin: 0 0 12px; }
.phx-text-body ul { padding-left: 22px; }
.phx-text-body li { margin: 4px 0; }
.phx-text-body a { color: var(--lacquer-text); text-underline-offset: 3px; }
.phx-text-body a:hover { color: var(--lacquer); text-decoration-thickness: 2px; }
.phx-text-body h3 { font-weight: 700; font-size: 19px; margin: 26px 0 6px; }
.phx-text-body h4 { font-weight: 700; font-size: 17px; margin: 20px 0 4px; }
.phx-text-body h5 { font-weight: 700; font-size: 16px; color: var(--ink-2); margin: 16px 0 4px; }
.phx-text-body h2, .phx-text-body h3, .phx-text-body h4 { text-wrap: balance; }
/* Lange Wörter („Datenschutzerklärung“, „Verbraucherstreitbeilegung“) auf kleinen Handys mit Trennstrich statt seitlich überstehen */
.phx-text h1, .phx-text-body h2, .phx-text-body h3 { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
@media (max-width: 400px) { .phx-text h1 { font-size: clamp(25px, 7.6vw, 30px); } .phx-text-body h2 { font-size: 21px; } }
/* Flex verhindert die Silbentrennung im Überschriftentext → als Block, Raute als Inline-Element davor */
.phx-text-body h2 { display: block; position: relative; padding-left: 20px; }
.phx-text-body h2::before { position: absolute; left: 1px; top: .55em; transform: rotate(45deg); }
/* lange Web-Adressen (Datenschutz) brechen um statt seitlich zu schieben */
.phx-text-body { overflow-wrap: anywhere; }
.phx-text-body .phx-stand { margin-top: 36px; font-size: 14px; color: var(--ink-2); }