/* ===========================================================
   1 · HERO  (Projekt / Testbericht)
   ------------------------------------------------------------
   Links die Galerie (ACF project_gallery), rechts Kicker, H1,
   Datenkarte und Buttons. Weisser Grund, kein Goldstrich am
   Kicker (helle Sektion).
   =========================================================== */
.pm-hero{padding:56px 0 76px;background:#fff;}
.pm-hero__grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:var(--sp-col);align-items:center;
}

/* --- Galerie --- */
.pm-gal__main{
  border:1px solid var(--linie);border-radius:12px;
  background:var(--flaeche);overflow:hidden;
  aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
}
.pm-gal__main img{
  width:100%;height:100%;object-fit:contain;padding:24px;
  transition:opacity .25s;
}
.pm-gal__thumbs{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:12px;margin-top:12px;
}
.pm-gal__t{
  border:1px solid var(--linie);border-radius:8px;overflow:hidden;
  background:var(--flaeche);aspect-ratio:1/1;cursor:pointer;
  padding:0;transition:border-color .18s,transform .18s;
}
.pm-gal__t img{width:100%;height:100%;object-fit:contain;padding:8px;}
.pm-gal__t:hover{border-color:var(--blau-2);transform:translateY(-2px);}
.pm-gal__t.is-akt{border-color:var(--akzent);}

/* --- Datenkarte --- */
.pm-meta{
  border:1px solid var(--linie);border-radius:12px;
  padding:28px 30px;margin:0 0 var(--sp-block);
}
.pm-meta__note{display:flex;align-items:flex-end;gap:14px;}
.pm-meta__lbl{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--schwach);display:block;margin-bottom:6px;
}
.pm-meta__zahl{
  font-size:52px;line-height:1;font-weight:600;color:var(--blau);
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  padding-bottom:8px;border-bottom:2px solid var(--akzent);
}
.pm-meta__wort{
  font-size:15px;color:var(--grau);padding-bottom:12px;font-weight:500;
}
.pm-meta__trenn{height:1px;background:var(--linie);margin:24px 0;}
.pm-meta__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.pm-meta__wert{font-size:15px;font-weight:500;color:var(--blau);}
.pm-meta__wert a{color:var(--blau);border-bottom:1px solid var(--linie);}
.pm-meta__wert a:hover{border-color:var(--akzent);}
.pm-meta__punkt{
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--schwach);margin-right:7px;vertical-align:middle;
}
.pm-meta__wert.is-lizenz .pm-meta__punkt{background:var(--gruen);}
.pm-meta__wert.is-lizenz{color:var(--gruen);}

.pm-hero__fuss{
  font-size:12.5px;color:var(--schwach);margin-top:16px;line-height:1.6;
}

/* --- Einblenden --- */
.pm-hero [data-anim]{
  opacity:0;transform:translateY(var(--rv-y));
  transition:opacity var(--rv-t) ease,transform var(--rv-t) ease;
}
.pm-hero.is-in [data-anim]{opacity:1;transform:none;}
.pm-hero.is-in [data-anim-delay="1"]{transition-delay:.09s;}
.pm-hero.is-in [data-anim-delay="2"]{transition-delay:.18s;}
.pm-hero.is-in [data-anim-delay="3"]{transition-delay:.27s;}
.pm-hero.is-in [data-anim-delay="4"]{transition-delay:.36s;}

@media(max-width:1100px){.pm-hero__grid{gap:48px;}}
@media(max-width:900px){
  .pm-hero{padding:40px 0 52px;}
  .pm-hero__grid{grid-template-columns:1fr;gap:32px;}
  .pm-hero__gal{order:-1;}
  .pm-meta{padding:24px 22px;}
  .pm-meta__zahl{font-size:44px;}
  .pm-meta__grid{grid-template-columns:1fr 1fr;gap:18px;}
  .pm-hero.is-in [data-anim-delay="1"]{transition-delay:.05s;}
  .pm-hero.is-in [data-anim-delay="2"]{transition-delay:.10s;}
  .pm-hero.is-in [data-anim-delay="3"]{transition-delay:.15s;}
  .pm-hero.is-in [data-anim-delay="4"]{transition-delay:.20s;}
}
@media(max-width:420px){
  .pm-btns{width:100%;}
  .pm .pm-btn{width:100%;text-align:center;padding:15px 24px;}
  .pm-meta__grid{grid-template-columns:1fr;}
}

/* ===========================================================
   2 · UEBERBLICK  (Ergebnis der Bewertungsbereiche)
   ------------------------------------------------------------
   Datenkarten: Kopf zweispaltig (links Nummer und Titel,
   rechts kompakter Donut), darunter die Pruefparameter als
   Zeilenliste mit Haarlinien. Alles linksbuendig.
   Bereichsfarben identisch zu /testprozess.
   =========================================================== */
.pm-ov{background:var(--flaeche);}
.pm-ov__head{max-width:720px;}
.pm-ov__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-card);}

.pm-ov__card{
  background:#fff;border:1px solid var(--linie);
  border-left:3px solid var(--sa);border-radius:12px;
  padding:26px 26px 8px;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.pm-ov__card:hover{
  box-shadow:0 12px 28px rgba(27,38,59,.07);
  transform:translateY(-2px);
}
.pm-ov__card--1{--sa:#2C4A6E;}
.pm-ov__card--2{--sa:#3E6B54;}
.pm-ov__card--3{--sa:#B8863B;}

/* --- Kopf der Karte --- */
.pm-ov__nr{
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--sa);display:block;margin-bottom:18px;
}
.pm-ov__top{
  display:grid;grid-template-columns:1fr auto;
  gap:16px;align-items:center;
  padding-bottom:22px;border-bottom:1px solid var(--linie);
}
.pm-ov__t{
  font-size:18px;font-weight:600;line-height:1.34;color:var(--blau);
  margin:0;letter-spacing:-.01em;
  /* zwei Zeilen reserviert, damit alle drei Karten gleich hoch beginnen */
  min-height:calc(2 * 1.34em);display:flex;align-items:center;
}

/* --- Donut kompakt --- */
.pm-don{position:relative;width:84px;height:84px;flex:0 0 auto;}
.pm-don svg{width:84px;height:84px;transform:rotate(-90deg);display:block;}
.pm-don__track{fill:none;stroke:var(--linie);stroke-width:7;}
.pm-don__ring{
  fill:none;stroke:var(--sa);stroke-width:7;stroke-linecap:round;
  stroke-dasharray:232.48;stroke-dashoffset:232.48;
  transition:stroke-dashoffset 1.25s cubic-bezier(.2,.75,.3,1);
}
.pm-ov.is-in .pm-don__ring{stroke-dashoffset:var(--soll);}
.pm-don__mitte{
  position:absolute;inset:0;display:flex;
  align-items:center;justify-content:center;
  font-size:20px;font-weight:600;color:var(--blau);
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
.pm-don__mitte sup{font-size:11px;font-weight:500;color:var(--schwach);top:-.6em;}

/* --- Parameterliste --- */
.pm-ov__par{display:block;}
.pm-ov__par li{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  font-size:14px;color:var(--grau);line-height:1.4;
  padding:13px 0;border-bottom:1px solid var(--linie);
  white-space:nowrap;
}
.pm-ov__pv{
  font-size:14px;font-weight:600;color:var(--blau);
  font-variant-numeric:tabular-nums;flex:0 0 auto;
}
.pm-ov__par li:last-child{border-bottom:0;}

/* --- Fusszeile ueber die volle Breite --- */
.pm-ov__fuss{
  margin-top:var(--sp-foot);padding-top:24px;
  border-top:1px solid var(--linie);
  font-size:13.5px;line-height:1.7;color:var(--schwach);
  max-width:78ch;
}
.pm-ov__fuss a{color:var(--grau);border-bottom:1px solid var(--linie);}
.pm-ov__fuss a:hover{color:var(--blau);border-color:var(--akzent);}

/* --- Einblenden --- */
.pm-ov [data-anim]{
  opacity:0;transform:translateY(var(--rv-y));
  transition:opacity var(--rv-t) ease,transform var(--rv-t) ease;
}
.pm-ov.is-in [data-anim]{opacity:1;transform:none;}
.pm-ov.is-in [data-anim-delay="1"]{transition-delay:.09s;}
.pm-ov.is-in [data-anim-delay="2"]{transition-delay:.18s;}
.pm-ov.is-in [data-anim-delay="3"]{transition-delay:.27s;}
.pm-ov.is-in [data-anim-delay="4"]{transition-delay:.36s;}

@media(max-width:1000px){
  .pm-ov__grid{grid-template-columns:1fr;}
  .pm-ov__card{padding:24px 24px 6px;}
  .pm-ov.is-in [data-anim-delay="1"]{transition-delay:.05s;}
  .pm-ov.is-in [data-anim-delay="2"]{transition-delay:.10s;}
  .pm-ov.is-in [data-anim-delay="3"]{transition-delay:.15s;}
  .pm-ov.is-in [data-anim-delay="4"]{transition-delay:.20s;}
}

/* ===========================================================
   3 · TEST-FAZIT
   ------------------------------------------------------------
   Weisse Flaeche. Links eine mitlaufende Spalte mit Kicker,
   Ueberschrift und Einordnung, rechts der Fliesstext aus dem
   ACF-Feld test_fazit. Muster wie das FAQ auf /testsiegel.
   =========================================================== */
.pm-faz{background:#fff;}
.pm-faz__grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:var(--sp-col);}

.pm-faz__aside{position:sticky;top:110px;align-self:start;}
.pm-faz__note{
  margin-top:var(--sp-block);padding-top:20px;
  border-top:1px solid var(--linie);
  display:flex;align-items:baseline;gap:12px;
}
.pm-faz__zahl{
  font-size:34px;font-weight:600;color:var(--blau);line-height:1;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
.pm-faz__wort{font-size:14px;color:var(--grau);font-weight:500;}
.pm-faz__lbl{
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--schwach);display:block;margin-bottom:10px;
}

/* --- Fliesstext mit Fade und Aufklappen --- */
.pm-faz__txt{max-width:68ch;}
.pm-faz__body{position:relative;overflow:hidden;transition:max-height .5s ease;}
.pm-faz__body.is-kurz{max-height:520px;}
.pm-faz__body.is-kurz::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:170px;
  background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 82%);
  pointer-events:none;
}
.pm-faz__mehr{
  display:none;align-items:center;gap:10px;margin-top:20px;
  font-size:14px;font-weight:500;color:var(--blau);
  background:none;border:0;padding:0;cursor:pointer;font-family:var(--f);
}
.pm-faz__mehr.is-da{display:inline-flex;}
.pm-faz__mehr span{border-bottom:1px solid var(--linie);transition:border-color .18s;}
.pm-faz__mehr:hover span{border-color:var(--akzent);}
.pm-faz__mehr svg{transition:transform .25s;}
.pm-faz__mehr.is-offen svg{transform:rotate(180deg);}
.pm-faz__txt p{
  font-size:16.5px;line-height:1.82;color:var(--grau);
  margin:0 0 var(--tp-para);
}
.pm-faz__txt p:last-child{margin-bottom:0;}
.pm-faz__txt p:first-child{margin-bottom:var(--sp-block);}
.pm-faz__txt strong,.pm-faz__txt b{color:var(--blau);font-weight:600;}

/* --- Einblenden --- */
.pm-faz [data-anim]{
  opacity:0;transform:translateY(var(--rv-y));
  transition:opacity var(--rv-t) ease,transform var(--rv-t) ease;
}
.pm-faz.is-in [data-anim]{opacity:1;transform:none;}
.pm-faz.is-in [data-anim-delay="1"]{transition-delay:.09s;}
.pm-faz.is-in [data-anim-delay="2"]{transition-delay:.18s;}

@media(max-width:1000px){
  .pm-faz__grid{grid-template-columns:1fr;}
  .pm-faz__aside{position:static;}
  .pm-faz__txt{max-width:none;}
  .pm-faz.is-in [data-anim-delay="1"]{transition-delay:.05s;}
  .pm-faz.is-in [data-anim-delay="2"]{transition-delay:.10s;}
}


/* ===========================================================
   4-6 · BEWERTUNGSBEREICHE  (drei identische Karten)
   ------------------------------------------------------------
   Mitlaufende Bereichsleiste, darunter drei gleich gebaute
   Karten. Flaechen wechseln: Bereich 1 grau, 2 weiss, 3 grau.
     Zeile 1  links Kicker/Titel/Lead + Einzelbewertung,
              rechts Bild mit Bildunterschrift (50/50)
     Zeile 2  links Befund-Fliesstext, rechts Definitionen
   Mobil eine Spalte: Titel - Bild - Einzelbewertung -
   Fliesstext - Definitionen.
   =========================================================== */
.pm-ber{background:#fff;}

/* --- Bereichsleiste --- */
.pm-nav{
  position:sticky;top:0;z-index:20;
  transition:transform .32s cubic-bezier(.2,.75,.3,1);
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--linie);
}
.pm-nav__in{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.pm-nav__in::-webkit-scrollbar{display:none;}
.pm-nav.is-weg{transform:translateY(-102%);}
.pm-nav__b{
  position:relative;flex:1 1 0;min-width:200px;
  background:none;border:0;cursor:pointer;font-family:var(--f);
  text-align:left;padding:20px 24px 18px;transition:background .25s;
}
.pm-nav__b + .pm-nav__b::before{
  content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:var(--linie);
}
.pm-nav__b::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--sa);transform:scaleX(0);transform-origin:left;
  transition:transform .38s cubic-bezier(.2,.75,.3,1);
}
.pm-nav__b.is-akt::after{transform:scaleX(1);}
.pm-nav__b:hover{background:rgba(27,38,59,.025);}
.pm-nav__nr{
  display:flex;align-items:center;gap:8px;
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:700;color:var(--schwach);margin-bottom:9px;transition:color .25s;
}
.pm-nav__nr::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--linie);transition:background .25s,box-shadow .25s;
}
.pm-nav__b.is-akt .pm-nav__nr{color:var(--sa);}
.pm-nav__b.is-akt .pm-nav__nr::before{
  background:var(--sa);box-shadow:0 0 0 3px rgba(27,38,59,.06);
}
.pm-nav__row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;}
.pm-nav__n{
  font-size:15px;font-weight:500;color:var(--grau);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;transition:color .25s;
}
.pm-nav__b.is-akt .pm-nav__n{color:var(--blau);font-weight:600;}
.pm-nav__v{
  font-size:15px;font-weight:600;color:var(--hell);flex:0 0 auto;
  font-variant-numeric:tabular-nums;transition:color .25s;
}
.pm-nav__b.is-akt .pm-nav__v{color:var(--blau);}

/* --- Karte --- */
.pm-card{
  scroll-margin-top:88px;padding:var(--sp-sec) 0;
  position:relative;overflow:hidden;
}
.pm-card--grau{background:var(--flaeche);}
.pm-card .pm-eyebrow{color:var(--sa);margin-bottom:var(--tp-kicker);}

/* Grosse Bereichsziffer als ruhiges Hintergrundmotiv */
.pm-card__ziffer{
  position:absolute;top:-.24em;right:-.06em;
  font-size:clamp(190px,26vw,340px);line-height:.8;font-weight:700;
  color:var(--sa);opacity:.045;letter-spacing:-.05em;
  pointer-events:none;user-select:none;
}

.pm-card__r1{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-col);
  align-items:stretch;padding-bottom:var(--sp-lead);
}
.pm-card__col{display:flex;flex-direction:column;}
.pm-werte{margin-top:auto;}          /* schiebt sich nach unten, Spalten enden buendig */
.pm-card__fig{display:flex;flex-direction:column;}
.pm-gal__main{flex:1 1 auto;min-height:0;}
.pm-card__r2{
  display:grid;grid-template-columns:1.58fr .92fr;gap:var(--sp-col);
  align-items:start;padding-top:var(--sp-lead);border-top:1px solid var(--linie);
}
.pm-card__r1,.pm-card__r2{position:relative;}

/* --- Bildergalerie --- */
.pm-card__fig{margin:0;}
.pm-gal__t{
  border:1px solid var(--linie);border-radius:8px;overflow:hidden;
  background:#fff;aspect-ratio:1/1;cursor:pointer;padding:0;
  transition:border-color .2s,transform .2s;
}
.pm-gal__t img{width:100%;height:100%;object-fit:cover;}
.pm-gal__t:hover{transform:translateY(-2px);}
.pm-gal__t.is-akt{border-color:var(--sa);}
.pm-gal__reihe{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;}
.pm-card__box{
  overflow:hidden;border-radius:12px;background:#fff;
  border:1px solid var(--linie);min-height:240px;
  box-shadow:0 18px 50px rgba(27,38,59,.06);
}
.pm-card__box img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s cubic-bezier(.2,.75,.3,1),opacity .25s ease;
}
.pm-card__fig:hover .pm-card__box img{transform:scale(1.035);}
.pm-card__cap{
  display:flex;align-items:baseline;gap:12px;
  margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--schwach);
}
.pm-card__cap::before{
  content:"";flex:0 0 auto;width:22px;height:1px;background:var(--sa);
  opacity:.55;transform:translateY(-4px);
}

/* --- Einzelbewertung --- */
.pm-werte{
  background:#fff;border:1px solid var(--linie);border-radius:12px;
  padding:26px 28px 22px;margin-top:var(--sp-block);
  box-shadow:0 16px 44px rgba(27,38,59,.06);
}
.pm-card--grau .pm-werte{background:#fff;}
.pm-lbl{
  display:flex;align-items:center;gap:10px;
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:700;color:var(--schwach);margin-bottom:6px;
}
.pm-lbl::after{content:"";flex:1 1 auto;height:1px;background:var(--linie);}
.pm-bar{padding:15px 0;border-bottom:1px solid var(--linie);}
.pm-bar:last-child{border-bottom:0;padding-bottom:4px;}
.pm-bar__top{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:14px;margin-bottom:9px;white-space:nowrap;
}
.pm-bar__n{font-size:14.5px;color:var(--grau);overflow:hidden;text-overflow:ellipsis;}
.pm-bar__v{
  font-size:15px;font-weight:600;color:var(--blau);
  font-variant-numeric:tabular-nums;flex:0 0 auto;letter-spacing:-.01em;
}
.pm-bar__track{display:block;height:3px;border-radius:2px;background:var(--linie);overflow:hidden;}
.pm-bar__fill{
  display:block;height:3px;border-radius:2px;width:0;
  transition:width 1.25s cubic-bezier(.2,.75,.3,1);
}
.pm-card.is-in .pm-bar__fill{width:var(--w);}
.pm-card.is-in .pm-bar:nth-child(3) .pm-bar__fill{transition-delay:.10s;}
.pm-card.is-in .pm-bar:nth-child(4) .pm-bar__fill{transition-delay:.20s;}
.pm-card.is-in .pm-bar:nth-child(5) .pm-bar__fill{transition-delay:.30s;}

/* --- Fliesstext --- */
.pm-card__txt{max-width:66ch;}
.pm-card__txt p{font-size:16.5px;line-height:1.84;color:var(--grau);margin:0 0 var(--tp-para);}
.pm-card__txt p:last-child{margin-bottom:0;}
.pm-card__txt p:first-child::first-letter{
  float:left;font-size:54px;line-height:.86;font-weight:600;
  color:var(--sa);margin:6px 12px 0 0;
}
.pm-card__txt strong,.pm-card__txt b{color:var(--blau);font-weight:600;}

/* --- Definitionen --- */
.pm-card__def{
  background:#fff;border:1px solid var(--linie);border-radius:12px;
  padding:24px 26px 10px;
  box-shadow:0 16px 44px rgba(27,38,59,.06);
}
.pm-def__t{
  display:flex;align-items:center;gap:10px;
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:700;color:var(--schwach);margin:0 0 4px;
}
.pm-def__t::after{content:"";flex:1 1 auto;height:1px;background:var(--linie);}
.pm-def__it{border-bottom:1px solid var(--linie);}
.pm-def__it:last-child{border-bottom:0;}
.pm-def__btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:none;border:0;padding:17px 0;cursor:pointer;
  font-family:var(--f);font-size:14.5px;font-weight:500;color:var(--blau);
  text-align:left;transition:color .2s;line-height:1.35;
}
.pm-def__btn:hover{color:var(--sa);}
.pm-def__ic{position:relative;width:11px;height:11px;flex:0 0 auto;opacity:.8;}
.pm-def__ic::before,.pm-def__ic::after{
  content:"";position:absolute;background:var(--sa);
  transition:transform .3s cubic-bezier(.2,.75,.3,1),opacity .3s;
}
.pm-def__ic::before{left:0;top:5px;width:11px;height:1.4px;}
.pm-def__ic::after{left:5px;top:0;width:1.4px;height:11px;}
.pm-def__it.is-open .pm-def__ic::after{transform:rotate(90deg);opacity:0;}
.pm-def__pn{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.2,.75,.3,1);}
.pm-def__it.is-open .pm-def__pn{max-height:440px;}
.pm-def__pn p{font-size:14.5px;line-height:1.74;color:var(--grau);margin:0;padding:0 0 20px;}

/* --- Einblenden --- */
.pm-card [data-anim]{
  opacity:0;transform:translateY(var(--rv-y));
  transition:opacity var(--rv-t) ease,transform var(--rv-t) ease;
}
.pm-card.is-in [data-anim]{opacity:1;transform:none;}
.pm-card.is-in [data-anim-delay="1"]{transition-delay:.09s;}
.pm-card.is-in [data-anim-delay="2"]{transition-delay:.18s;}

/* --- Responsive --- */
@media(max-width:1000px){
  .pm-card__r1,.pm-card__r2{grid-template-columns:1fr;gap:var(--sp-block);}
  .pm-card__col{display:contents;}
  .pm-werte{margin-top:0;}
  .pm-card__head{order:1;}
  .pm-card__fig{order:2;}
  .pm-werte{order:3;margin-top:0;}
  .pm-card__r1{padding-bottom:var(--sp-block);}
  .pm-card__r2{padding-top:var(--sp-block);}
  .pm-card__ziffer{font-size:150px;top:-.18em;opacity:.04;}
  /* mobil: eine Zeile, 44 px hoch */
  .pm-nav__b{min-width:auto;padding:0 16px;height:44px;display:flex;align-items:center;}
  .pm-nav__nr{display:none;}
  .pm-nav__row{gap:8px;}
  .pm-nav__n,.pm-nav__v{font-size:13.5px;}
  .pm-nav__b + .pm-nav__b::before{top:12px;bottom:12px;}
  .pm-gal__reihe{grid-template-columns:repeat(4,1fr);}
  .pm-card{scroll-margin-top:74px;}
  .pm-card__txt{max-width:none;}
  .pm-card.is-in [data-anim-delay="1"]{transition-delay:.05s;}
  .pm-card.is-in [data-anim-delay="2"]{transition-delay:.10s;}
}
@media(max-width:560px){
  .pm-nav__b{min-width:144px;padding:14px 16px 12px;}
  .pm-werte,.pm-card__def{padding-left:20px;padding-right:20px;}
  .pm-card__txt p:first-child::first-letter{font-size:44px;margin-right:10px;}
}

/* ===========================================================
   7 · TECHNISCHE DATEN  (optional, entfaellt wenn leer)
   ------------------------------------------------------------
   Weisse Flaeche. Links das Datenblatt als zweispaltige Liste
   (ACF-Repeater Label/Wert), rechts Preis zum Pruefzeitpunkt
   und die hinterlegten Dokumente. Jeder Block faellt weg,
   wenn sein Feld leer ist.
   =========================================================== */
.pm-td{background:#fff;}
.pm-td__head{max-width:720px;}
.pm-td__grid{display:grid;grid-template-columns:1.55fr .95fr;gap:var(--sp-col);align-items:start;}

/* --- Dokumentenliste --- */
.pm-td__liste{border-top:1px solid var(--linie);}
.pm-td__z{
  display:flex;align-items:center;gap:18px;
  padding:18px 0;border-bottom:1px solid var(--linie);
  transition:background .18s;
}
.pm-td__z:hover{background:rgba(27,38,59,.018);}
.pm-td__ic{
  flex:0 0 auto;width:38px;height:38px;border-radius:8px;
  border:1px solid var(--linie);display:flex;align-items:center;
  justify-content:center;color:var(--blau-2);
}
.pm-td__k{font-size:15.5px;font-weight:500;color:var(--blau);line-height:1.4;display:block;}
.pm-td__meta{font-size:12.5px;color:var(--schwach);margin-top:3px;display:block;}
.pm-td__pfeil{margin-left:auto;flex:0 0 auto;color:var(--schwach);transition:color .18s,transform .18s;}
.pm-td__z:hover .pm-td__pfeil{color:var(--akzent);transform:translateY(2px);}

/* --- Seitenkarte --- */
.pm-td__side{
  border:1px solid var(--linie);border-radius:12px;padding:26px 28px 24px;
  box-shadow:0 16px 44px rgba(27,38,59,.06);
}
.pm-td__lbl{
  display:flex;align-items:center;gap:10px;
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:700;color:var(--schwach);margin-bottom:10px;
}
.pm-td__lbl::after{content:"";flex:1 1 auto;height:1px;background:var(--linie);}
.pm-td__firma{font-size:17px;font-weight:600;color:var(--blau);line-height:1.4;}
.pm-td__adr{font-size:14.5px;line-height:1.7;color:var(--grau);margin-top:8px;}
.pm-td__link{
  display:block;font-size:14.5px;color:var(--blau);margin-top:4px;
  border-bottom:0;
}
.pm-td__link:hover{color:var(--akzent);}
.pm-td__preis{
  font-size:26px;font-weight:600;color:var(--blau);line-height:1;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;
}
.pm-td__hinweis{font-size:12.5px;line-height:1.6;color:var(--schwach);margin-top:10px;}
.pm-td__docs{margin-top:26px;}
.pm-td__doc{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 0;border-top:1px solid var(--linie);
  font-size:14.5px;font-weight:500;color:var(--blau);transition:color .18s;
}
.pm-td__doc:hover{color:var(--akzent);}
.pm-td__doc svg{flex:0 0 auto;opacity:.7;}

.pm-td [data-anim]{opacity:0;transform:translateY(var(--rv-y));
  transition:opacity var(--rv-t) ease,transform var(--rv-t) ease;}
.pm-td.is-in [data-anim]{opacity:1;transform:none;}
.pm-td.is-in [data-anim-delay="1"]{transition-delay:.09s;}
.pm-td.is-in [data-anim-delay="2"]{transition-delay:.18s;}

@media(max-width:1000px){
  .pm-td__grid{grid-template-columns:1fr;}
  .pm-td__liste{grid-template-columns:1fr;}
  .pm-td.is-in [data-anim-delay="1"]{transition-delay:.05s;}
  .pm-td.is-in [data-anim-delay="2"]{transition-delay:.10s;}
}

/* ===========================================================
   7 · GESAMTERGEBNIS  (dunkle Sektion)
   ------------------------------------------------------------
   Links die beiden Textbausteine aus ACF (produktinformationen,
   das_ergebnis), jeweils mit vorangestelltem Produktnamen.
   Rechts die Ergebniskarte mit Note, Nummer und Prüfbericht.
   Auf dunklem Grund traegt der Kicker den Goldstrich.
   =========================================================== */
.pm-erg{background:var(--blau);position:relative;overflow:hidden;}
.pm-erg::after{                        /* ruhiger Lichtverlauf oben rechts */
  content:"";position:absolute;top:-30%;right:-12%;
  width:52%;height:150%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(184,134,59,.10),transparent 72%);
}
.pm-erg .pm-wrap{position:relative;z-index:1;}

.pm-erg .pm-eyebrow{
  display:flex;align-items:center;gap:14px;color:var(--akzent-hell);
}
.pm-erg .pm-eyebrow::before{
  content:"";width:34px;height:1.5px;background:var(--akzent);flex:0 0 auto;
}
.pm-erg__h2{color:#fff;}
.pm-erg__grid{display:grid;grid-template-columns:1.32fr .68fr;gap:var(--sp-col);align-items:start;}

/* --- Textbausteine --- */
.pm-erg__gegenstand{margin:0 0 var(--sp-block);}
.pm-erg__gname{
  font-size:22px;line-height:1.3;font-weight:600;color:#fff;
  letter-spacing:-.015em;display:block;
}
.pm-erg__satz{
  font-size:19px;line-height:1.72;color:#E8EAED;margin:0;
  max-width:60ch;
}
.pm-erg__satz b{color:#fff;font-weight:600;}
.pm-erg__urteil{
  margin-top:var(--sp-block);padding:22px 26px;
  border:1px solid rgba(255,255,255,.14);border-radius:12px;
  background:rgba(255,255,255,.035);
  display:flex;gap:16px;align-items:flex-start;
}
.pm-erg__urteil p{font-size:16.5px;line-height:1.7;color:#D6DAE0;margin:0;}
.pm-erg__hk{
  flex:0 0 auto;width:22px;height:22px;border-radius:50%;
  border:1.5px solid var(--akzent);position:relative;margin-top:3px;
}
.pm-erg__urteil--nein .pm-erg__hk{border-color:var(--hell);opacity:.75;}
.pm-erg__urteil--nein .pm-erg__hk::after{
  left:5px;top:9.5px;width:11px;height:0;border-left:0;
  border-bottom:1.5px solid var(--hell);transform:none;
}
.pm-erg__hk::after{
  content:"";position:absolute;left:6px;top:9px;width:9px;height:4.5px;
  border-left:1.5px solid var(--akzent);border-bottom:1.5px solid var(--akzent);
  transform:rotate(-45deg);
}

/* --- Ergebniskarte --- */
.pm-erg__card{
  border:1px solid rgba(255,255,255,.16);border-radius:12px;
  background:rgba(255,255,255,.04);padding:30px 30px 26px;
}
.pm-erg__lbl{
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:700;color:var(--hell);display:block;margin-bottom:8px;opacity:.75;
}
.pm-erg__note{display:flex;align-items:flex-end;gap:14px;}
.pm-erg__zahl{
  font-size:56px;line-height:1;font-weight:600;color:#fff;letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;padding-bottom:8px;
  border-bottom:2px solid var(--akzent);
}
.pm-erg__wort{font-size:15px;color:var(--hell);padding-bottom:12px;font-weight:500;}
.pm-erg__trenn{height:1px;background:rgba(255,255,255,.12);margin:24px 0;}
.pm-erg__zeile{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;}
.pm-erg__zeile + .pm-erg__zeile{border-top:1px solid rgba(255,255,255,.08);}
.pm-erg__k{font-size:14px;color:var(--hell);opacity:.8;white-space:nowrap;}
.pm-erg__w{font-size:14.5px;color:#fff;font-weight:500;font-variant-numeric:tabular-nums;}
.pm-erg__docs{display:grid;gap:10px;margin-top:22px;}
.pm-erg__pdf{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px 20px;border-radius:2px;
  border:1.5px solid rgba(255,255,255,.22);
  font-size:14.5px;font-weight:500;color:#fff !important;
  transition:border-color .2s,background .2s;
}
.pm-erg__pdf:hover{border-color:var(--akzent);background:rgba(184,134,59,.10);}
.pm-erg__pdf svg{flex:0 0 auto;opacity:.85;}

.pm-erg__fuss{
  margin-top:var(--sp-foot);padding-top:22px;
  border-top:1px solid rgba(255,255,255,.10);
  font-size:13px;line-height:1.7;color:var(--hell);opacity:.68;max-width:78ch;
}
.pm-erg__fuss a{color:#fff;border-bottom:1px solid rgba(255,255,255,.25);}
.pm-erg__fuss a:hover{border-color:var(--akzent);}

/* --- Einblenden --- */
.pm-erg [data-anim]{opacity:0;transform:translateY(var(--rv-y));
  transition:opacity var(--rv-t) ease,transform var(--rv-t) ease;}
.pm-erg.is-in [data-anim]{opacity:1;transform:none;}
.pm-erg.is-in [data-anim-delay="1"]{transition-delay:.09s;}
.pm-erg.is-in [data-anim-delay="2"]{transition-delay:.18s;}
.pm-erg.is-in [data-anim-delay="3"]{transition-delay:.27s;}

@media(max-width:1000px){
  .pm-erg__grid{grid-template-columns:1fr;}
  .pm-erg__gegenstand{margin:0 0 var(--sp-block);}
.pm-erg__gname{
  font-size:22px;line-height:1.3;font-weight:600;color:#fff;
  letter-spacing:-.015em;display:block;
}
.pm-erg__satz{font-size:17.5px;max-width:none;}
  .pm-erg__card{padding:26px 24px 22px;}
  .pm-erg__zahl{font-size:46px;}
  .pm-erg.is-in [data-anim-delay="1"]{transition-delay:.05s;}
  .pm-erg.is-in [data-anim-delay="2"]{transition-delay:.10s;}
  .pm-erg.is-in [data-anim-delay="3"]{transition-delay:.15s;}
}

/* ===========================================================
   ZUSAMMENBAU — sektionsuebergreifende Korrekturen
   =========================================================== */
.pm-faz,.pm-td,.pm-erg{scroll-margin-top:88px;}
@media(max-width:1000px){.pm-faz,.pm-td,.pm-erg{scroll-margin-top:74px;}}