.pt-section{font-family:system-ui,sans-serif;max-width:1200px;margin:auto;padding:40px 20px;color:#222}
.pt-hero h1{font-size:2.6rem;font-weight:700}
.pt-hero span{color:#c15175}
.hero-subline{font-size:1.2rem;opacity:.85}
.pt-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:40px 0}
.pt-box{padding:25px;border-radius:12px;background:#f7f7f7}
.pt-box.highlight{background:#fff0f5}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
.card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:.2s}
.card:hover{transform:translateY(-5px)}
.badge{font-size:.75rem;text-transform:uppercase;color:#c15175;font-weight:600}
.card-intro{opacity:.85}
.premium{border:2px solid #c15175}
.premium-badge{color:#c15175}
.pro{border-color:#3b82f6}
.pro-badge{color:#3b82f6}
.corporate {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, #fff7fa, #ffffff);
}

@media(max-width:900px){.corporate{grid-column:span 1}}
.corporate-badge{color:#7a1f3d}
.quote{font-style:italic;font-size:1.05rem;margin:15px 0 20px;padding-left:15px;border-left:3px solid #c15175;opacity:.85}
.note{margin-top:25px;padding:18px;border-radius:12px;background:rgba(193,81,117,.08)}
.corporate-footer{margin-top:20px;font-size:.95rem;opacity:.85}
.pt-cta{text-align:center;margin:60px 0}
.cta-button{background:#25D366;color:#fff;padding:14px 28px;border-radius:10px;font-size:1.1rem;text-decoration:none}
.pt-about{text-align:center;margin-top:60px}
.pt-about {
  max-width: 800px;
  margin: 80px auto 0;
  text-align: center;
}

.about-intro {
  font-size: 1.05rem;
  opacity: 0.9;
  margin-bottom: 35px;
}

.about-steps,
.about-fit {
  margin-top: 40px;
  text-align: left;
}

.about-steps h3,
.about-fit h3 {
  margin-bottom: 15px;
}

.about-steps ol {
  padding-left: 20px;
}

.fit-list {
  list-style: none;
  padding: 0;
}

.fit-list li::before {
  content: "🔹 ";
}

.about-cta {
  margin-top: 40px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #c15175;
}

/* Dezente Aufzählungszeichen für alle ULs in deiner PT-Section */
.pt-section ul {
  list-style: none;          /* Standard-Bullets aus */
  padding-left: 0;
  margin: 0.75rem 0;
}

.pt-section ul li {
  position: relative;
  padding-left: 1.1em;       /* Platz für das Zeichen */
}

.pt-section ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.1em;
  color: rgba(0, 0, 0, 0.35); /* dezent */
  font-size: 0.95em;
}

/* Optional: wenn die Liste mit class="checklist" echte Checks bekommen soll */
.pt-section ul.checklist li::before {
  content: "✓";
  color: rgba(0, 0, 0, 0.45);
}
