/* Rentique Weiß — Website-Kit: nur Seiten-Layout. Alle Farben, Maße und Radien
   kommen aus den Token; hier stehen ausschließlich Anordnungen. */
.site-hero{position:relative;overflow:hidden}
.site-hero__grid{display:grid;gap:var(--space-8);align-items:center;
  padding-block:clamp(36px,6vw,72px)}
.site-hero__claim{margin:0 0 var(--space-4);font-size:var(--fs-hero);line-height:var(--lh-hero);
  letter-spacing:var(--tr-hero);color:var(--text-on-dark);text-wrap:balance}
.site-hero__lead{margin:0 0 var(--space-6);font-size:var(--fs-lead);color:var(--text-on-dark-muted);
  max-width:46ch}
.site-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.site-hero__art{display:none}
@media (min-width:980px){
  .site-hero__grid{grid-template-columns:1.15fr .85fr}
  .site-hero__art{display:block}
}
.site-region{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;
  padding:14px 0;border-top:var(--bw-hair) solid var(--steel-500);
  font-size:var(--fs-sm);color:var(--text-on-dark-muted)}
.site-region strong{color:var(--text-on-dark);font-weight:var(--fw-semibold)}
.site-region span{display:flex;align-items:center;gap:7px}

.site-head{max-width:56ch;margin-bottom:var(--space-8)}
.site-head p{color:var(--text-muted);font-size:var(--fs-lead);margin:0}
.grid-cards{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}
@media (min-width:620px){.grid-cards{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.grid-cards{grid-template-columns:repeat(3,1fr)}}
.grid-cats{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}
@media (min-width:620px){.grid-cats{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.grid-cats{grid-template-columns:repeat(3,1fr)}}

.site-steps{display:grid;gap:var(--space-6);grid-template-columns:1fr;counter-reset:s}
@media (min-width:620px){.site-steps{grid-template-columns:repeat(3,1fr)}}
.site-step{display:flex;gap:var(--space-4);align-items:flex-start}
.site-step h3{margin:0 0 4px;font-size:var(--fs-h4)}
.site-step p{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}

.site-trust{display:grid;gap:var(--space-5);grid-template-columns:1fr}
@media (min-width:620px){.site-trust{grid-template-columns:repeat(3,1fr)}}
.site-trust__item{display:flex;gap:12px;align-items:flex-start;padding:var(--space-5);
  background:var(--surface-card);border:var(--bw-hair) solid var(--border-subtle);
  border-radius:var(--r-card)}
.site-trust__item h3{margin:0 0 3px;font-size:var(--fs-h4)}
.site-trust__item p{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}
.site-trust__ico{flex:none;display:grid;place-items:center;width:46px;height:37px;
  border-radius:var(--r-badge);border:var(--bw) solid var(--copper);
  background:var(--navy-900);background-image:var(--grad-metal);color:var(--copper-glow)}

.site-filters{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}
.site-filters__row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.site-filters__search{position:relative;flex:1;min-width:220px}
.site-filters__search .rw-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);
  color:var(--text-muted)}
.site-filters__search .rw-input{padding-left:42px}
.site-count{font-size:var(--fs-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}

.pdp{display:grid;gap:var(--space-8);grid-template-columns:1fr}
@media (min-width:980px){.pdp{grid-template-columns:1.35fr .95fr;align-items:start}}
.pdp__panel{display:flex;flex-direction:column;gap:var(--space-5)}
@media (min-width:980px){.pdp__panel{position:sticky;top:calc(var(--header-h-lg) + 20px)}}
.pdp__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.pdp__specs{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums}
.pdp__specs th{width:44%;text-align:left;padding:9px 12px 9px 0;font-weight:var(--fw-medium);
  color:var(--text-muted);font-size:var(--fs-sm);border-bottom:var(--bw-hair) solid var(--line-soft)}
.pdp__specs td{padding:9px 0;font-size:var(--fs-sm);border-bottom:var(--bw-hair) solid var(--line-soft)}
.pdp__block+.pdp__block{margin-top:var(--space-8)}
.pdp__crumbs{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);
  color:var(--text-muted);margin-bottom:var(--space-4)}
.pdp__crumbs a{color:var(--text-muted);text-decoration:none}
.pdp__crumbs a:hover{color:var(--copper-ink)}

.steps-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--space-6)}
.steps-nav__item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);
  background:var(--surface-sunken);border:var(--bw-hair) solid var(--border);
  font-family:var(--font-display);font-size:.9375rem;font-weight:var(--fw-display);
  letter-spacing:var(--tr-nav);text-transform:uppercase;color:var(--text-muted)}
.steps-nav__item--now{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.steps-nav__item--done{background:var(--status-free-surface);border-color:#C7DCD0;color:var(--status-free)}

.contact-grid{display:grid;gap:var(--space-8);grid-template-columns:1fr}
@media (min-width:980px){.contact-grid{grid-template-columns:1.2fr .8fr}}
.contact-ways{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.contact-way{display:flex;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;
  color:inherit;background:var(--surface-card);border:var(--bw-hair) solid var(--border-subtle);
  border-radius:var(--r-sm);transition:border-color var(--dur-fast) var(--ease-out)}
.contact-way:hover{border-color:var(--copper)}
.contact-way__ico{flex:none;display:grid;place-items:center;width:46px;height:37px;
  border-radius:var(--r-badge);border:var(--bw) solid var(--copper);
  background:var(--navy-900);background-image:var(--grad-metal);color:var(--copper-glow)}
.contact-way strong{display:block;font-family:var(--font-display);text-transform:uppercase;
  letter-spacing:var(--tr-caps);font-size:.9375rem;color:var(--navy-900)}
.contact-way span{font-size:var(--fs-sm);color:var(--text-muted)}

.legal-grid{display:grid;gap:var(--space-8);grid-template-columns:1fr}
@media (min-width:980px){.legal-grid{grid-template-columns:220px 1fr}}
.legal-toc{margin:0;padding:0;list-style:none;font-size:var(--fs-sm)}
.legal-toc a{display:block;padding:6px 0;color:var(--text-muted);text-decoration:none;
  border-left:var(--bw) solid var(--border);padding-left:12px}
.legal-toc a:hover{color:var(--copper-ink);border-left-color:var(--copper)}
@media (min-width:980px){.legal-toc{position:sticky;top:calc(var(--header-h-lg) + 20px)}}