/* Themen-Landingpages (website-mieten, -fahrschule, -handwerker): ergänzt preise.css + faq.css */
#leistungen-seite, #vergleich { scroll-margin-top: 64px; }
.know + .know, .know + .compare-sec, .compare-sec + .know { padding-top: 0; }
.know { padding-top: clamp(56px, 9vh, 112px); }

/* Vergleich mit zwei Spalten */
.compare-2 { padding-top: clamp(56px, 9vh, 112px); }
.compare-2 .compare th[scope="row"] { width: 34%; }
.compare-2 .compare td { text-align: left; }
.compare-2 .compare thead th { text-align: left; }

/* Demo-Karte */
.t-demo-sec { padding-top: 0; }
.t-demo {
  position: relative; overflow: hidden; isolation: isolate;
  border: 1px solid color-mix(in srgb, var(--hero-accent) 55%, transparent); border-radius: 22px;
  padding: clamp(28px, 4vw, 56px);
  background:
    radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--hero-accent) 18%, transparent), transparent 60%),
    color-mix(in srgb, currentColor 5%, transparent);
  display: grid; gap: 16px; justify-items: start;
}
.t-demo::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--hero-accent); }
.t-demo .pill { color: var(--accent-text, var(--hero-accent)); }
.t-demo h2 { font-size: clamp(1.8rem, 3.6vw, 3.2rem); font-weight: 300; letter-spacing: -.035em; line-height: 1.05; max-width: 22ch; }
.t-demo p { color: var(--muted); max-width: 52ch; font-size: 1.05rem; }
.t-demo-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.t-demo-links .plan-btn { margin-top: 0; align-self: auto; }
.t-demo-links .plan-btn:first-child { background: var(--hero-accent); border-color: var(--hero-accent); color: #fff; }
.t-demo-links .plan-btn:first-child:hover { background: var(--ink); border-color: var(--ink); color: var(--bg); }

@media (max-width: 640px) {
  .compare-2 .compare thead tr, .compare-2 .compare tbody tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t-demo-links { flex-direction: column; align-self: stretch; width: 100%; }
  .t-demo-links .plan-btn { text-align: center; }
}

/* 6 Punkte = 3 × 2 statt 5 + 1; Vergleich ohne fette Startzeilen der Preisseite */
@media (min-width: 1001px) { .know-grid:has(> :nth-child(6)) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.compare-2 .compare tbody tr td { font-weight: 400; }
.compare-2 .compare tbody tr td:last-child { font-weight: 500; }