/* =============================================================================
   heizoel-classic.com - Seiten-CSS Ratgeber (Uebersicht + 6 Artikel)
   Praefix .pg-ratgeber-, ergaenzt classic.css nur punktuell.
   ============================================================================= */

/* Uebersicht: Teaser-Kopfzeile (Kategorie links, Lesezeit rechts) */
.pg-ratgeber-teaser__top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.5rem;}
.pg-ratgeber-teaser__top .c-teaser__kicker{margin-bottom:0;}
.pg-ratgeber-teaser__time{font-size:.8rem;color:var(--mute);white-space:nowrap;}

/* Uebersicht: Featured-Teaser (navy) mit Foto rechts */
.pg-ratgeber-featured{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding:0;overflow:hidden;}
.pg-ratgeber-featured__body{display:flex;flex-direction:column;padding:1.6rem 1.7rem 1.5rem;min-width:0;}
.pg-ratgeber-featured__media{position:relative;min-height:240px;}
.pg-ratgeber-featured__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.pg-ratgeber-featured .pg-ratgeber-teaser__time{color:rgba(255,255,255,.7);}

/* Artikel: Grid-Item darf schrumpfen (Tabellen scrollen statt die Spalte aufzuweiten) */
.pg-ratgeber-article{min-width:0;}
.pg-ratgeber-article .c-table-scroll{max-width:100%;}

/* Artikel: Listen ohne doppelte Einrueckung, Tile-Ueberschriften ohne Artikel-Abstand */
.pg-ratgeber-article .c-check-list{padding-left:0;}
.pg-ratgeber-article .c-tile h3{margin-top:0;}
.pg-ratgeber-article .c-tiles{margin:1rem 0 1.5rem;}
.pg-ratgeber-article .c-stats{margin:1rem 0 1.5rem;}
.pg-ratgeber-article .c-tile ul{margin-bottom:0;font-size:.95rem;}
.pg-ratgeber-article .c-faq{margin-bottom:1.5rem;}
.pg-ratgeber-article .c-btn + .c-btn{margin-left:.5rem;}
.pg-ratgeber-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 1.5rem;}
.pg-ratgeber-actions .c-btn + .c-btn{margin-left:0;}

/* Sidebar: Preiszahl in der Navy-Box (classic.css: .c-side--navy p ueberschreibt .c-side__price) */
.pg-ratgeber-sidebar .c-side--navy .c-side__price{font-size:2rem;line-height:1.05;margin:.2rem 0 .35rem;color:#fff;}
.pg-ratgeber-sidebar .c-side--navy .c-side__price small{font-size:.8rem;}

/* CTA-Band: Kontaktlink auf Navy lesbar (global a = Blau) */
.pg-ratgeber-cta .c-cta__small a{color:#fff;text-decoration:underline;}

/* Artikel: mobiles Inhaltsverzeichnis (Desktop: Sidebar) */
.pg-ratgeber-toc{border:1px solid var(--rule);border-radius:var(--r-lg);padding:.2rem 1.1rem;margin:0 0 1.5rem;background:#fff;}
.pg-ratgeber-toc summary{cursor:pointer;font-weight:700;color:var(--navy);padding:.7rem 2rem .7rem 0;list-style:none;position:relative;}
.pg-ratgeber-toc summary::-webkit-details-marker{display:none;}
.pg-ratgeber-toc summary::after{content:"";position:absolute;right:.5rem;top:50%;width:.6rem;height:.6rem;border:solid var(--blue);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);transition:transform .2s var(--ease);}
.pg-ratgeber-toc[open] summary::after{transform:translateY(-30%) rotate(-135deg);}
.pg-ratgeber-toc .c-toc{padding:0 0 .6rem;margin:0;}
.pg-ratgeber-toc .c-toc li{margin:0;}

/* Verbrauchs-Schnellrechner (Artikel Verbrauch) */
.pg-ratgeber-calc{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper-c);padding:1.25rem 1.4rem;margin:1.5rem 0;}
.pg-ratgeber-calc h3{margin:0 0 .9rem;font-size:1.1rem;}
.pg-ratgeber-calc select{padding-right:2.4rem;appearance:auto;-webkit-appearance:auto;}
.pg-ratgeber-calc__result{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--rule);}
.pg-ratgeber-calc__label{font-size:.9rem;color:var(--mute);}
.pg-ratgeber-calc__value{font-size:1.7rem;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.1;}
.pg-ratgeber-calc__hint{font-size:.86rem;color:var(--mute);margin:.5rem 0 0;}
.pg-ratgeber-calc__note{font-size:.86rem;margin:.75rem 0 0;}

/* Formel (Artikel Verbrauch) */
.pg-ratgeber-formula{font-size:1.08rem;font-weight:700;color:var(--navy);margin:0;}
.pg-ratgeber-formula span{color:var(--blue);padding:0 .25rem;}

@media (max-width:767.98px){
  .pg-ratgeber-article .c-table-scroll::after{content:"Tabelle lässt sich seitlich verschieben";display:block;font-size:.8rem;color:var(--mute);margin:.4rem 0 0;}
  .pg-ratgeber-actions .c-btn{flex:1 1 100%;}
  .pg-ratgeber-featured{grid-template-columns:1fr;}
  .pg-ratgeber-featured__media{min-height:0;height:190px;order:-1;}
  .pg-ratgeber-featured__body{padding:1.3rem 1.2rem 1.25rem;}
  .pg-ratgeber-calc{padding:1rem 1rem;}
}