/* UI/CRO V4 - Textseiten (de/Service/_content_v4.php: AGB, Impressum, Datenschutz, Versand, ...) - 2026-09-30
   Nur geladen, wenn der Bereich "Service-Seiten" im Admin (/admin/ui_v4.php) aktiv ist.
   Hero kommt aus ui_v4_service.css (.v4-lp-hero), hier nur die Textkarte in Lesebreite. */

.v4-textpage-card {
  max-width: var(--service-reading, 860px);
  margin: 0 auto;
  padding: 40px 48px;
  border-radius: 16px;
  background: #fff;
  color: var(--ink, #142437);
  font-size: 16px;
  line-height: 1.7;
}
.v4-textpage-card > :first-child { margin-top: 0; }
.v4-textpage-card h1,
.v4-textpage-card h2,
.v4-textpage-card h3 {
  margin: 32px 0 12px;
  font-family: "Barlow Condensed", Arial, sans-serif;
  line-height: 1.1;
  color: var(--navy, #062640);
}
.v4-textpage-card h1 { font-size: 34px; }
.v4-textpage-card h2 { font-size: 28px; }
.v4-textpage-card h3 { font-size: 22px; }
.v4-textpage-card p,
.v4-textpage-card ul,
.v4-textpage-card ol { margin: 0 0 16px; }
.v4-textpage-card ul,
.v4-textpage-card ol { padding-left: 22px; }
.v4-textpage-card li { margin-bottom: 6px; }
.v4-textpage-card a { color: var(--pink, #ed0b87); font-weight: 600; }
.v4-textpage-card table { width: 100%; margin: 0 0 20px; border-collapse: collapse; font-size: 15px; }
.v4-textpage-card th,
.v4-textpage-card td { padding: 10px 12px; border-bottom: 1px solid var(--line, #dfe4e8); text-align: left; vertical-align: top; }
.v4-textpage-card img { max-width: 100%; height: auto; }

@media (max-width: 680px) {
  .v4-textpage .v4-lp-hero { margin-bottom: 8px; }
  .v4-textpage-card { padding: 24px 16px; border-radius: 0; font-size: 15px; }
  .v4-textpage-card table { display: block; overflow-x: auto; }
}