/* PScoat Grafiken im Nanosphaeren-Stil (Philipp F63, 28.10.2026) */
.gn{margin:0;position:relative}
.gn svg{display:block;width:100%;height:auto;font-family:var(--psc-font,Switzer,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);overflow:visible}
.gn .gn-m{display:none}
@media (max-width:760px){.gn .gn-d{display:none}.gn .gn-m{display:block}}
.gn svg text{font-family:inherit}
/* Beschriftungen unter den Zeichnungen: ruhiger, kleiner */
html body main .psc-graphic__caption,html body main .psc-wallsec__cap{font-size:.8rem;line-height:1.6;color:#6b7173;max-width:78ch}
html body main .psc-graphic__data,html body main .psc-wallsec__det{border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fff}
html body main .psc-graphic__data>summary,html body main .psc-wallsec__det>summary{color:#1b1e1f;font-weight:600;padding:.8rem 1rem}
html body main .psc-graphic__data[open]{padding-bottom:.6rem}
html body main .psc-graphic__data .psc-graphic__table-wrap,html body main .psc-graphic__data .psc-graphic__note{padding:0 1rem}
@media (prefers-reduced-motion:no-preference){
 .gn .gn-pulse{animation:gnpulse 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
 @keyframes gnpulse{0%,100%{opacity:.55}50%{opacity:1}}
}

/* ===== Waermeweg / Wirkprinzip (Bloecke psc-ww-*) im Nanosphaeren-Stil ===== */
html body main .psc-ww-model{border-radius:28px;border:1px solid rgba(0,0,0,.07);background:#fff;padding:clamp(22px,3.4vw,40px) clamp(16px,2.4vw,32px)}
html body main .psc-ww-model__panel{border-radius:22px;border:1px solid rgba(0,0,0,.07);background:#f6f7f7;padding:26px 16px 22px}
html body main .psc-ww-model__panel--pscoat{background:#f1f6f4}
html body main .psc-ww-model__panel--pscoat h3{color:#24715e}
html body main .psc-ww-circuit{flex-wrap:nowrap;gap:0;min-height:86px;margin-bottom:34px;align-items:center}
html body main .psc-ww-node{width:10px;height:10px;background:radial-gradient(circle at 35% 30%,#fff,#9aa0a3);box-shadow:0 1px 2px rgba(0,0,0,.25)}
html body main .psc-ww-wire{flex:1 1 10px;min-width:4px;height:2px;background:#cfd4d6}
html body main .psc-ww-r{flex:0 0 auto;width:clamp(52px,17vw,72px);height:clamp(52px,17vw,72px);min-width:0;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(.82rem,2.6vw,1rem);font-weight:700;color:#1b1e1f;background:radial-gradient(circle at 34% 28%,#fff 0%,#eceeef 55%,#c3c8cb 100%);box-shadow:0 12px 22px -12px rgba(20,30,40,.45),inset 0 -3px 6px rgba(0,0,0,.05);white-space:nowrap}
html body main .psc-ww-r--accent{color:#fff;background:radial-gradient(circle at 34% 28%,#cfeee3 0%,#4d9c86 52%,#1d5e4d 100%);box-shadow:0 12px 22px -12px rgba(29,94,77,.65),inset 0 -3px 6px rgba(0,0,0,.12)}
html body main .psc-ww-r small{margin-top:10px;font-size:.72rem;font-weight:600;color:#5a6062}
html body main .psc-ww-key,html body main .psc-ww-lowe__fact,html body main .psc-ww-claim,html body main .psc-ww-norm-box{border-left:0;border-radius:18px;background:#f1f3f3;padding:18px 20px}
html body main .psc-ww-details summary{border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.09);padding:14px 22px}
html body main .psc-ww-env{border-radius:22px;background:#fff;border:1px solid rgba(0,0,0,.07)}
html body main .psc-ww-env--warm .psc-ww-temp{color:#d65a35}
html body main .psc-ww-env--cold .psc-ww-temp{color:#24715e}
html body main .psc-ww-wall{border-radius:999px;border:0;min-height:96px;grid-template-columns:96px 1fr 96px;box-shadow:0 18px 30px -20px rgba(20,30,40,.35)}
html body main .psc-ww-wall>div{display:block;padding:14px 8px;line-height:1.25;align-content:center}
html body main .psc-ww-wall>div span{display:block;font-weight:500;color:#5a6062;font-size:.74rem}
html body main .psc-ww-wall__in{background:linear-gradient(90deg,#f8e6df,#f1efed);color:#d65a35}
html body main .psc-ww-wall__mat{background:linear-gradient(180deg,#dcdedf,#c9ccce)}
html body main .psc-ww-wall__out{background:linear-gradient(90deg,#e7eeec,#dfe9e6);color:#24715e}
html body main .psc-ww-step,html body main .psc-ww-box{border-radius:22px;border:1px solid rgba(0,0,0,.07)}
html body main .psc-ww-step__num{background:radial-gradient(circle at 34% 28%,#555b5e,#1b1e1f)}
html body main .psc-ww-calc{border-radius:24px;border:1px solid rgba(0,0,0,.07)}
html body main .psc-ww-calc__head{background:#f6f7f7}
html body main .psc-ww-calc__col--a{background:#fbf2ee}
html body main .psc-ww-calc__col--b{background:#edf5f2}
html body main .psc-ww-formula{border-radius:14px}
html body main :is(.psc-ww-dark,.psc-ww-garantie,.psc-ww-proof__head){background:#0f1213}
html body main .psc-ww-dark,html body main .psc-ww-garantie{border-radius:28px}
html body main .psc-ww-proof{border-radius:28px;border:1px solid rgba(0,0,0,.07)}
html body main .psc-ww-proof__img{padding:24px 24px 0}
html body main .psc-ww-proof__img img{border-radius:18px;border:1px solid rgba(0,0,0,.07);background:#fff;padding:6px;box-sizing:border-box}
html body main .psc-ww-kpi{border-radius:20px;background:#f6f7f7;border:0}
html body main .psc-ww-kpi__value{color:#1b1e1f;font-size:1.6rem;letter-spacing:-.02em}
html body main .psc-ww-cta{background:#f6f7f7}
html body main .psc-ww-btn{border-radius:999px;background:#1b1e1f;padding:13px 22px}
html body main .psc-ww-garantie__cta .psc-ww-btn{background:#fff;color:#0f1213!important}
html body main .psc-ww-pill{background:#e7ebec;color:#1b1e1f;letter-spacing:.1em}
html body main .psc-ww-lowe{border-radius:28px;border:1px solid rgba(0,0,0,.07)}
html body main .psc-ww-flir__card{border-radius:24px;border:1px solid rgba(0,0,0,.07)}
html body main .psc-ww-flir__label{color:#5a6062}
html body main .psc-ww-source a{color:#1b1e1f}
html body main .psc-ww-window svg{max-width:420px}
@media (max-width:720px){
 html body main .psc-ww-circuit{margin-bottom:36px}
 html body main .psc-ww-wall{grid-template-columns:76px 1fr 76px;min-height:84px}
 html body main .psc-ww-model__panel{padding:22px 12px 20px}
}

/* ===== Akzent auf Info-/Blogseiten: Schwarz statt altem Blaugruen (gleich wie Rest des neuen Designs) ===== */
html body main.psc-page,html body main.psc-blog{--psc-accent:#1b1e1f;--psc-text-dim:#5a6062}
html body main :is(.psc-nw-btn){background:#1b1e1f;border-radius:999px}
html body main :is(.psc-nw-kurzantwort,.psc-info-merksatz,.psc-nw-leitaussage){border-left-color:#1b1e1f}
html body main :is(.psc-nw-kurzantwort,.psc-info-merksatz,.psc-nw-leitaussage,.psc-info-bilanz__spalte){border-radius:20px}
/* ===== Schichtdicke (Produkt, #schichtdicke): neue Darstellung .gn-sd + beruhigte Begleittexte ===== */
.psc-thickness-fig .psc-thickness__title{font-size:clamp(1.5rem,3.2vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#1b1e1f;margin:0 0 .5rem}
.psc-thickness-fig .psc-thickness__lede{font-size:1rem;line-height:1.6;color:#5a6062;max-width:60ch;margin:0 0 1.75rem}

.gn-sd{display:grid;gap:1.25rem;margin:0}
.gn-sd *{box-sizing:border-box}
.gn-sd__card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:26px;padding:2rem 2.25rem;box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 36px rgba(0,0,0,.06);min-width:0;color:#1b1e1f}
.gn-sd__cap{margin:0 0 1.5rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#7a8082;font-weight:500}
.gn-sd__row{display:grid;gap:.35rem;margin:0 0 1.75rem;min-width:0}
.gn-sd__name{font-size:1rem;font-weight:600;color:#5a6062;line-height:1.3}
.gn-sd__big{font-size:clamp(2.1rem,6vw,3.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.05;color:#1b1e1f;font-variant-numeric:tabular-nums}
.gn-sd__row--psc .gn-sd__big{color:#24715e}
.gn-sd__hint{font-size:.85rem;line-height:1.55;color:#6b7173;max-width:78ch;display:block}
.gn-sd__track{position:relative;height:44px;border-radius:14px;background:#f0f2f2;margin:.65rem 0 .35rem;overflow:hidden}
.gn-sd__bar{display:block;height:100%;width:calc(var(--mm) / 200 * 100%);min-width:2px}
.gn-sd__bar--eps{background:linear-gradient(180deg,#dadddf,#c8ccce);border-radius:14px}
.gn-sd__bar--psc{background:#24715e;border-radius:0}
.gn-sd__row--psc .gn-sd__track{border-radius:0 14px 14px 0}

.gn-sd__row--rule{margin-bottom:0}
.gn-sd__row--rule .gn-sd__name{color:#5a6062}
.gn-sd__rv{font-weight:500;color:#7a8082;margin-left:.4rem}
.gn-sd__ruler{position:relative;height:44px;margin:.5rem 0 .25rem}
.gn-sd__tk{position:absolute;top:0;left:calc(var(--at) / 20 * 100%);width:1px;height:8px;background:#d3d7d9}
.gn-sd__tk--maj{height:16px;background:#b3b8bb}
.gn-sd__tk--last{margin-left:-1px}
.gn-sd__tk b{position:absolute;top:22px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:500;color:#7a8082;font-variant-numeric:tabular-nums;line-height:1}

.gn-sd__flag{margin:0 0 1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:.9rem;line-height:1.55;color:#5a6062}
.gn-sd__flag strong{display:inline-block;background:#e3f1ec;color:#1d5e4d;border-radius:999px;padding:.35rem .9rem;font-size:.95rem;font-weight:700;letter-spacing:0;text-transform:none;border:0}
.gn-sd__flag span{flex:1 1 20rem;min-width:0}
.gn-sd__svg{display:block;width:100%;height:auto;border-radius:20px}
.gn-sd__order{margin:1rem 0 1.25rem;font-size:.85rem;color:#7a8082}
.gn-sd__key{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;counter-reset:none}
.gn-sd__key li{display:flex;gap:.8rem;align-items:flex-start;min-width:0}
.gn-sd__sw{flex:0 0 auto;width:1.1rem;height:1.1rem;border-radius:50%;margin-top:.2rem}
.gn-sd__sw--sub{background:#e3e6e7;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.gn-sd__sw--primer{background:#a6adb0}
.gn-sd__sw--l1{background:#86beac}
.gn-sd__sw--l2{background:#24715e}
.gn-sd__kt{display:block;min-width:0;font-size:.95rem;line-height:1.4}
.gn-sd__kt b{font-weight:700;color:#1b1e1f}
.gn-sd__kv{display:block;font-size:1.35rem;font-weight:700;letter-spacing:-.015em;color:#24715e;margin:.1rem 0 .2rem;font-variant-numeric:tabular-nums}
.gn-sd__kt .gn-sd__hint{font-size:.82rem}

/* Begleittexte unter der Grafik: ruhig, weisse Karte statt Kasten mit Balken */
.psc-thickness-fig .psc-thickness__note{margin-top:1.5rem;padding:1.4rem 1.6rem;background:#fff;border:1px solid rgba(0,0,0,.07);border-left:1px solid rgba(0,0,0,.07);border-radius:22px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.psc-thickness-fig .psc-thickness__note p{font-size:.92rem;line-height:1.65;color:#5a6062;max-width:72ch}
.psc-thickness-fig .psc-thickness__note b{color:#1b1e1f}
.psc-thickness-fig .psc-thickness__note em{color:#24715e}
.psc-thickness-fig .psc-thickness__details{border-top:0;margin-top:1rem;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;padding:0 1rem}
.psc-thickness-fig .psc-thickness__details summary{color:#1b1e1f;font-weight:600;padding:.8rem 0}
.psc-thickness-fig .psc-thickness__caption{font-size:.8rem;line-height:1.6;color:#6b7173;max-width:78ch}

@media (max-width:760px){
 .gn-sd{gap:1rem}
 .gn-sd__card{border-radius:22px;padding:1.4rem 1.25rem}
 .gn-sd__row{margin-bottom:1.5rem}
 .gn-sd__track,.gn-sd__ruler{height:40px}
 .gn-sd__key{grid-template-columns:minmax(0,1fr);gap:1.1rem}
 .gn-sd__kv{font-size:1.25rem}
 .gn-sd__flag strong{font-size:.9rem}
 .psc-thickness-fig .psc-thickness__note{padding:1.1rem 1.1rem;border-radius:20px}
}
@media (max-width:380px){
 html body main .psc-ww-node{display:none}
 html body main .psc-ww-r{width:46px;height:46px;font-size:.78rem}
 html body main .psc-ww-wire{min-width:12px;flex-basis:12px}
 html body main .psc-ww-r small{font-size:.62rem;white-space:normal;width:68px;line-height:1.15;text-align:center;margin-top:8px}
 html body main .psc-ww-r--accent small{margin-top:30px}
 html body main .psc-ww-model__panel--pscoat .psc-ww-circuit{margin-bottom:56px}
}