/* Premium-Schicht (25.09.2026) über dem freigegebenen Design vom 11.09.
   Die Struktur bleibt; angehoben werden Lesbarkeit und Ruhe, näher an deimann.com:
   Pill-Buttons, kräftige Überschriften, dunklerer Fließtext, keine Lesetexte unter 12 px,
   Karten mit weicher Tiefe. Rücknahme = diese Datei im Layout nicht mehr laden. */
:root{--ink:#191919;--ink-2:#43463e;--ink-3:#5d6157;--line:#dadcd2;--radius:16px;
  --lift:0 1px 2px rgba(22,24,18,.04),0 18px 40px -18px rgba(22,24,18,.18);--ease:cubic-bezier(.2,.7,.2,1)}
body{font-size:16px;color:var(--ink);font-feature-settings:"kern","liga"}
::selection{background:#191919;color:#f5f5f1}

/* Typografie: Gewicht und Laufweite wie deimann.com, Größen fließend */
h1{font-size:clamp(38px,4.6vw,64px);font-weight:700;line-height:1.03;letter-spacing:-.045em}
h2{font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1.1;letter-spacing:-.035em}
h3{font-weight:650;letter-spacing:-.02em}
.h1{font-size:clamp(34px,3.9vw,52px);font-weight:700;letter-spacing:-.04em}
.h2{font-size:clamp(28px,2.8vw,38px);font-weight:700}
p{color:inherit}
.lede{font-size:clamp(17px,1.3vw,19px);line-height:1.65;color:var(--ink-2)}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--ink-3)}
.muted,.small{color:var(--ink-3)}

/* Buttons = .primary-button / .v1 von deimann.com (Pill) */
.btn,.btn.v1{border-radius:58px;font-size:14px;font-weight:600;line-height:20px;min-height:52px;padding:14px 30px;gap:14px;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}
.btn:hover{background:#000;border-color:#000;transform:translateY(-1px)}
.btn.v1{background:transparent;color:var(--ink);border-color:rgba(25,25,25,.28)}
.btn.v1:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.sm{min-height:44px;padding:10px 22px;font-size:13px}
.text-link{font-size:14px;font-weight:600;gap:12px}
.text-link span[aria-hidden]{transition:transform .25s var(--ease)}
.text-link:hover span[aria-hidden]{transform:translate(2px,-2px)}

/* Navigation: ruhiger Glas-Balken */
.navbar{background:rgba(245,245,241,.82);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.nav-list a{font-size:13px}

/* Hero und Vertrauenszeile */
.hero-note{font-size:14px;color:var(--ink-3)}
.trust-line{font-size:13px;color:var(--ink-2)}
.trust-line b{font-size:11px;color:var(--ink-3);letter-spacing:.08em}

/* Angebotskarten */
.business-card{border-radius:var(--radius);box-shadow:0 1px 2px rgba(22,24,18,.04);transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
.business-card:hover{border-color:#bfc3b6;box-shadow:var(--lift);transform:translateY(-3px)}
.business-visual img{transition:transform .6s var(--ease)}
.business-card:hover .business-visual img{transform:scale(1.02)}
.business-body{padding:28px}
.business-body h3,.featured-card .business-body h3{font-size:24px}
.business-body>p,.business-grid .business-body>p{font-size:15px;line-height:1.65;color:var(--ink-2)}
.status{font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.status i{width:6px;height:6px}
.card-facts dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.card-facts dd{font-size:14px;font-weight:600}
.card-bottom{font-size:13px}
.visual-caption{font-size:12px}
.reference-row{border-radius:var(--radius)}
.reference-row p{font-size:15px;color:var(--ink-2)}
.reference-label{font-size:11px}
.reference-row .text-link{font-size:13px}

/* Zwei Wege, Ablauf, Prinzipien */
.path-number{font-size:11px;letter-spacing:.14em;color:var(--ink-3)}
.path-grid h3{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.03em}
.path-grid p{font-size:16px;color:var(--ink-2)}
.clean-steps li>span{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.clean-steps h3{font-size:20px}
.clean-steps p{font-size:15px;color:var(--ink-2)}
.principle-grid h3{font-size:20px}
.principle-grid p{font-size:15px;color:var(--ink-2)}
.fine-note{font-size:13px}

/* Gebühr: die Zahl als ruhiger Anker */
.fee-number{font-weight:600;letter-spacing:-.075em}
.fee-number>p{font-size:14px}
.fee-grid>div>p:not(.eyebrow){font-size:16px;line-height:1.7}
.fee-grid .text-link{color:#f6f6ef}

/* Abschluss */
.closing-grid h2{font-size:clamp(28px,2.8vw,40px)}
.closing-grid p:not(.eyebrow){font-size:16px;color:var(--ink-2)}

/* Filter, Formulare, FAQ */
.filter-group button{font-size:13px;border-radius:58px}
.form legend{font-size:12px}
.field label{font-size:14px}
.field .hint{font-size:13px}
.field input,.field select,.field textarea{border-radius:12px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(25,25,25,.06);outline:0}

/* Übersicht und Angebotsseite */
.index-title .lede,.detail-grid .lede,.data-grid .lede{font-size:clamp(16px,1.2vw,18px);line-height:1.65}
.filter-group button,.filter-group button[aria-pressed="true"]{font-size:13px}
#result-count{font-size:13px}
.back-link,.detail-subnav a{font-size:13px}
.detail-tags>span{font-size:12px}
.data-panel{border-radius:var(--radius)}
.data-heading{font-size:12px}
.confidential{font-size:11px;letter-spacing:.1em}
.data-panel dt{font-size:13px}
.data-panel dt span{font-size:11px}
.data-panel dd{font-size:13px}
.data-panel>a{font-size:13px}
.business-story p{font-size:17px;line-height:1.7;color:var(--ink-2)}
.register .term{font-size:15px}

/* Footer wie deimann.com: lesbar, ruhig */
.footer p{font-size:14px;line-height:1.6}
.footer .h4{font-size:12px;letter-spacing:.12em}
.footer ul a{font-size:15px}
.footer-bottom{font-size:13px}
.brand .sub{font-size:11px}

@media (max-width:700px){
  .btn,.btn.v1,.hero-copy .btn{width:100%;font-size:14px;min-height:52px}
  .nav-right .btn,.closing-grid>.btn.sm{width:auto}
  .business-body{padding:22px}
  /* Handy-Regeln der Schicht vom 11.09. sind hier spezifischer; gleiche Selektoren, lesbare Größen */
  .text-link,.section-heading .text-link,.actions .text-link{font-size:14px}
  .featured-card .business-body>p,.reference-row p{font-size:15px}
  .feature-label,.feature-caption,.card-facts dt{font-size:12px}
  .card-facts dd,.card-bottom,.fee-number>p,.data-panel dt,.data-panel dd{font-size:13px}
  .data-panel dt span,.data-heading{font-size:12px}
  .plain-checks li,.filter-group button,.detail-subnav a{font-size:14px}
  .footer ul a{font-size:15px}.footer p,.footer-bottom{font-size:13px}
}
@media (max-width:991px){
  .detail-grid .actions .text-link{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .btn:hover,.business-card:hover{transform:none}
  .business-card:hover .business-visual img{transform:none}
}