.news-main{padding-bottom:88px}.news-hero{margin-bottom:20px}.news-hero-aside{display:flex;flex-direction:column;align-items:flex-start}.news-hero-aside p{margin:0;color:var(--site-muted);font-size:var(--text-14);line-height:1.6}.news-hero-aside a{display:inline-flex;margin-top:13px;color:var(--site-green);font-size:var(--text-13);font-weight:800;text-decoration:none}.news-signal{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;color:var(--site-green);font-size:var(--text-11);font-weight:850;letter-spacing:.08em;text-transform:uppercase}.news-signal i{width:7px;height:7px;border-radius:50%;background:var(--site-green-bright);box-shadow:0 0 0 5px rgba(24,199,135,.11)}
.news-jump{display:flex;align-items:center;gap:8px;margin-bottom:34px;overflow-x:auto;scrollbar-width:none}.news-jump::-webkit-scrollbar{display:none}.news-jump span{margin-right:3px;color:var(--site-muted);font-size:var(--text-11);font-weight:800;text-transform:uppercase;letter-spacing:.09em}.news-jump a{display:inline-flex;min-height:36px;align-items:center;padding:0 13px;border:1px solid var(--site-line);border-radius:999px;background:#fff;color:var(--site-ink);font-size:var(--text-12);font-weight:750;text-decoration:none;white-space:nowrap}.news-jump a:hover{border-color:var(--site-green);color:var(--site-green)}
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;align-items:start}.news-feed{display:grid;gap:22px;min-width:0}.news-feed-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 2px 5px}.news-feed-head span{display:block;margin-bottom:6px;color:var(--site-green);font-size:var(--text-11);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.news-feed-head h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem);letter-spacing:-.045em}.news-feed-head>p{margin:0;color:var(--site-muted);font-size:var(--text-12);white-space:nowrap}
.news-card{scroll-margin-top:110px;overflow:hidden;border:1px solid var(--site-line);background:#fff;box-shadow:var(--shadow-lg)}.news-card-inner{padding:clamp(25px,4.4vw,46px)}.news-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:20px}.news-meta>*{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#f1f5f3;color:#52615a;font-size:var(--text-11);font-weight:760}.news-meta time{padding-left:0;background:transparent;color:var(--site-muted)}.news-meta .verified{background:var(--site-green-soft);color:var(--site-green)}.news-meta .reported{background:#f1f0f8;color:#675b91}.news-card h2{max-width:768px;margin:0 0 13px;font-size:clamp(1.65rem,3.3vw,2.55rem);line-height:1.08;letter-spacing:-.05em}.news-deck{max-width:770px;margin:0 0 28px;color:#35423c;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.65;font-weight:540}.news-copy{max-width:790px}.news-copy p{margin:0 0 17px;color:#4b5751;font-size:var(--text-15);line-height:1.78}.news-takeaway{margin:28px 0 23px;padding:20px 22px;border:1px solid #cfe8dc;border-radius:16px;background:var(--site-green-soft)}.news-takeaway span{display:block;margin-bottom:6px;color:var(--site-green);font-size:var(--text-11);font-weight:850;letter-spacing:.09em;text-transform:uppercase}.news-takeaway p{margin:0;color:#2f493d;font-size:var(--text-14);line-height:1.68}.news-more{display:inline-flex;align-items:center;min-height:42px;padding:0 17px;border-radius:999px;background:var(--site-navy);color:#fff;font-size:var(--text-13);font-weight:800;text-decoration:none}.news-more:hover{background:#20362f}.news-source{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:18px clamp(25px,4.4vw,46px);border-top:1px solid var(--site-line);background:#f7f9f7}.news-source>span{color:var(--site-muted);font-size:var(--text-11);font-weight:850;letter-spacing:.09em;text-transform:uppercase}.news-source p{margin:0;color:#68736d;font-size:var(--text-11);line-height:1.6;overflow-wrap:anywhere}.news-source a{color:#43524b;font-weight:750}
.news-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:27px 0;border:1px solid var(--site-line);border-radius:17px;background:#fafbf9;overflow:hidden}.news-data>div{min-width:0;padding:18px;border-right:1px solid var(--site-line)}.news-data>div:last-child{border-right:0}.news-data span,.news-data small{display:block;color:var(--site-muted);font-size:var(--text-11);line-height:1.45}.news-data strong{display:block;margin:7px 0 4px;font-size:1.35rem;letter-spacing:-.04em}.news-price-details{margin:0 0 26px;border:1px solid var(--site-line);border-radius:16px;background:#fff}.news-price-details summary{padding:15px 17px;cursor:pointer;color:var(--site-ink);font-size:var(--text-13);font-weight:800}.news-price-details>p{margin:0;padding:0 17px 13px;color:var(--site-muted);font-size:var(--text-12)}.news-price-details .table-scroll{margin:0 16px 16px}.news-price-details table{width:100%;font-size:var(--text-12)}.news-price-details th,.news-price-details td{padding:10px 12px;text-align:left}.news-price-details th{background:var(--color-bg);color:#526159}.news-price-details td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.news-sidebar{position:sticky;top:104px;display:grid;gap:13px}.news-side-card{padding:22px;border:1px solid var(--site-line);background:#fff}.news-side-card.dark{border-color:var(--site-navy);background:var(--site-navy);color:#fff}.news-side-card>span{display:block;color:var(--site-green);font-size:var(--text-11);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.news-side-card.dark>span{color:#7ee2bc}.news-side-card strong{display:block;margin:9px 0 8px;font-size:var(--text-base);line-height:1.38}.news-side-card p{margin:0;color:var(--site-muted);font-size:var(--text-13);line-height:1.6}.news-side-card.dark p{color:#b9ccc4}.news-side-card a{display:inline-flex;margin-top:13px;color:var(--site-green);font-size:var(--text-12);font-weight:800;text-decoration:none}.news-side-card.dark a{color:#fff}
@media(max-width:900px){.news-layout{grid-template-columns:minmax(0,1fr)}.news-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.news-side-card:first-child{grid-column:1/-1}.news-feed-head{align-items:flex-start}}
@media(max-width:640px){.news-main{padding-bottom:60px}.news-jump{width:calc(100% - 34px);margin-bottom:27px}.news-layout{width:calc(100% - 34px);gap:30px}.news-feed-head{display:block}.news-feed-head>p{margin-top:8px}.news-card-inner{padding:24px 20px}.news-card h2{font-size:1.7rem}.news-deck{font-size:var(--text-15)}.news-meta{align-items:flex-start}.news-source{grid-template-columns:1fr;padding:17px 20px}.news-data{grid-template-columns:1fr}.news-data>div{border-right:0;border-bottom:1px solid var(--site-line)}.news-data>div:last-child{border-bottom:0}.news-sidebar{grid-template-columns:1fr}.news-side-card:first-child{grid-column:auto}.news-price-details .table-scroll{margin-inline:10px}.news-price-details th,.news-price-details td{padding:9px 10px}.news-more{width:100%;justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){.news-jump{scroll-behavior:auto}}

/* Redaktionelle Metadaten bleiben auch auf kleinen Displays komfortabel
   lesbar und Quellen wirken als bewusster Bestandteil statt als Fußnote. */
.news-meta>*{font-size:var(--text-12)}.news-source>span{font-size:var(--text-11)}.news-source p{font-size:var(--text-12);line-height:1.65}.news-side-card p{font-size:var(--text-13)}.news-side-card a{font-size:.8rem}
@media(max-width:640px){.news-jump,.news-layout{width:calc(100% - 36px)}.news-card-inner{padding:25px 21px}.news-card h2{font-size:1.65rem;line-height:1.12}.news-copy p{font-size:var(--text-15);line-height:1.72}.news-source p{font-size:var(--text-13)}.news-meta>*{font-size:var(--text-12)}}

/* ==========================================================================
   Blog je Produktwelt (/<welt>/news). Ergaenzt die bestehenden
   Neuigkeiten-Karten, ersetzt sie nicht: .news-post-* ist der Blog,
   .news-card bleibt die alte Vollbreiten-Karte auf /neuigkeiten.html.
   Nur Tokens aus tokens.css.
   ========================================================================== */
.news-hero { padding-bottom: var(--space-5); }
.news-hero-body { max-width: 820px; }
.news-hero-body h1 {
  margin: var(--space-3) 0 var(--space-4);
  font-size: clamp(1.9rem, 4vw, 2.9rem);
  line-height: var(--leading-tight);
  letter-spacing: -.035em;
  font-weight: var(--weight-heading);
}

.quick-box--inline { margin: 0 0 var(--space-6); }

.preview-banner {
  padding: var(--space-3) var(--content-gutter);
  background: var(--color-warning-soft);
  border-bottom: 1px solid color-mix(in srgb, var(--color-warning) 35%, var(--color-border));
  color: var(--color-text);
  font-size: var(--text-13);
  font-weight: var(--weight-bold);
  text-align: center;
}

.news-index-body { padding-bottom: var(--space-10); }
.news-index-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}
.news-index-head b { font-size: var(--text-15); }
.news-index-head span { color: var(--color-text-muted); font-size: var(--text-12); }

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--space-4);
  align-items: stretch;
}
.news-post-card { display: flex; padding: 0; }
.news-post-link {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
  padding: var(--space-5);
  color: inherit;
  text-decoration: none;
}
.news-post-date {
  color: var(--color-text-muted);
  font-size: var(--text-11);
  font-weight: var(--weight-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.news-post-card .card__title { margin: 0; }
.news-post-card .card__text { flex: 1; }
.news-post-more {
  margin-top: var(--space-2);
  color: var(--world-accent, var(--color-primary));
  font-size: var(--text-13);
  font-weight: var(--weight-bold);
}

.news-empty {
  padding: var(--space-8) var(--space-5);
  border: 1px dashed var(--color-border-strong);
  border-radius: var(--radius-md);
  color: var(--color-text-muted);
  text-align: center;
}

.news-worlds {
  margin-top: var(--space-9);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}
.news-worlds b { display: block; margin-bottom: var(--space-3); font-size: var(--text-14); }
.news-worlds .chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.news-worlds .chip {
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-nested);
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: var(--text-13);
  text-decoration: none;
}
.news-worlds .chip:hover {
  border-color: var(--world-accent, var(--color-primary));
  color: var(--color-text);
}

.news-related .related-grid { margin-top: var(--space-3); }

/* --- Einstieg auf /neuigkeiten.html: alle Produktwelt-Blogs --------------- */
.news-hub { padding: var(--space-8) 0 var(--space-4); }
.news-hub-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-6);
  flex-wrap: wrap;
  margin-bottom: var(--space-5);
}
.news-hub-head h2 {
  margin: var(--space-1) 0 0;
  font-size: var(--text-2xl);
  font-weight: var(--weight-heading);
  letter-spacing: -.03em;
}
.news-hub-head p {
  max-width: 420px;
  margin: 0;
  color: var(--color-text-muted);
  font-size: var(--text-14);
  line-height: var(--leading-normal);
}
.news-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--space-3);
}
.news-hub-card {
  --hub-accent: var(--color-border-strong);
  display: grid;
  gap: var(--space-1);
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-top: 2px solid var(--hub-accent);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--transition-base), transform var(--transition-base);
}
.news-hub-card:hover { transform: translateY(-2px); }
.news-hub-card b { font-size: var(--text-15); font-weight: var(--weight-heading); }
.news-hub-card span { color: var(--color-text-muted); font-size: var(--text-12); }
/* Akzent je Produktwelt - identisch zu den Farben im Produktwelt-Menue. */
.news-hub-card[data-world="klimageraete"]      { --hub-accent: #087a55; }
.news-hub-card[data-world="waermepumpen"]      { --hub-accent: #42a8c5; }
.news-hub-card[data-world="balkonkraftwerke"]  { --hub-accent: #e4aa31; }
.news-hub-card[data-world="maehroboter"]       { --hub-accent: #91b650; }
.news-hub-card[data-world="saugroboter"]       { --hub-accent: #8d72cf; }
.news-hub-card[data-world="powerstations"]     { --hub-accent: #e4774d; }
.news-hub-card[data-world="luftreiniger"]      { --hub-accent: #45a2b3; }
.news-hub-card[data-world="infrarotheizungen"] { --hub-accent: #a3444f; }
.news-hub-card[data-world="akku-staubsauger"]  { --hub-accent: #cf6192; }
.news-hub-card[data-world="kaffeevollautomaten"]{ --hub-accent: #ad7952; }
