/* ==========================================================================
   SOLARBUERSTEN — Stylesheet
   Design: moderne Solar-Marke x hochwertiger Produktvergleich x SaaS-Landingpage
   ========================================================================== */

/* ---------- Design Tokens ---------- */
:root {
  --color-primary: #123B4A;
  --color-primary-dark: #0D2D38;
  --color-primary-light: #E8F3F2;
  --color-dark: #17252B;
  --color-bg: #F7F9F8;
  --color-card: #ffffff;
  --color-border: #E2E9E7;
  --color-text: #17252B;
  --color-text-muted: #65767B;
  --color-warning-bg: #fff6e5;
  --color-warning-text: #8a5a00;
  --color-warning-border: #f0d8a0;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 3px rgba(23, 32, 25, 0.06);
  --shadow-md: 0 8px 24px rgba(23, 32, 25, 0.08);
  --shadow-lg: 0 20px 48px rgba(23, 32, 25, 0.12);

  --container-width: 1200px;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ---------- Reset ---------- */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-sans);
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { font: inherit; cursor: pointer; border: none; background: none; }
input, select { font: inherit; }

.container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 24px;
}

section { padding: 88px 0; }
@media (max-width: 768px) {
  section { padding: 56px 0; }
}

.section-header { max-width: 640px; margin-bottom: 48px; }
.eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: 12px;
}
h1, h2, h3, h4 { font-weight: 700; letter-spacing: -0.01em; color: var(--color-dark); }
h1 { font-size: 52px; line-height: 1.1; }
h2 { font-size: 36px; line-height: 1.2; }
h3 { font-size: 22px; line-height: 1.3; }
h4 { font-size: 17px; line-height: 1.4; }
p { color: var(--color-text-muted); }
.lede { font-size: 19px; line-height: 1.6; color: var(--color-text-muted); }

@media (max-width: 768px) {
  h1 { font-size: 36px; }
  h2 { font-size: 28px; }
}

/* ---------- Buttons ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: 15px;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.btn-primary { background: var(--color-primary); color: #fff; }
.btn-primary:hover { background: var(--color-primary-dark); }
.btn-secondary { background: #fff; color: var(--color-dark); border: 1.5px solid var(--color-border); }
.btn-secondary:hover { border-color: var(--color-primary); color: var(--color-primary); }
.btn-ghost { color: var(--color-primary); font-weight: 600; }
.btn-ghost:hover { text-decoration: underline; }
.btn-block { width: 100%; }
.btn-sm { padding: 10px 18px; font-size: 14px; }

/* ---------- Header ---------- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(245, 247, 244, 0.9);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--color-border);
}
.site-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
}
.logo { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 19px; color: var(--color-dark); }
.logo svg { flex-shrink: 0; }

.nav-desktop { display: flex; align-items: center; gap: 32px; }
.nav-desktop a { font-size: 15px; font-weight: 500; color: var(--color-text); transition: color 0.15s; }
.nav-desktop a:hover { color: var(--color-primary); }

.nav-toggle {
  display: none;
  width: 40px; height: 40px;
  align-items: center; justify-content: center;
  border-radius: var(--radius-sm);
}
.nav-toggle svg { width: 22px; height: 22px; }

@media (max-width: 900px) {
  .nav-desktop.main-nav { position: fixed; inset: 72px 0 0 0; background: #fff; flex-direction: column; align-items: flex-start; padding: 24px; gap: 4px; transform: translateX(100%); transition: transform 0.2s ease; overflow-y: auto; }
  .nav-desktop.main-nav.is-open { transform: translateX(0); }
  .nav-desktop.main-nav a { width: 100%; padding: 14px 8px; border-bottom: 1px solid var(--color-border); }
  .nav-toggle { display: flex; }
  .header-cta.desktop-only { display: none; }
}
.desktop-only { display: inline-flex; }
@media (max-width: 900px) { .desktop-only.header-cta { display: none; } }

/* ---------- Hero ---------- */
.hero { padding: 88px 0 56px; }
.hero .container { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center; }
@media (max-width: 900px) { .hero .container { grid-template-columns: 1fr; } }
.hero-actions { display: flex; gap: 16px; margin-top: 32px; flex-wrap: wrap; align-items: center; }
.hero-visual { display: flex; align-items: center; justify-content: center; }
.hero-illustration { width: 100%; max-width: 420px; }

/* ---------- Trust bar ---------- */
.trust-bar { padding: 40px 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
@media (max-width: 768px) { .trust-grid { grid-template-columns: repeat(2, 1fr); } }
.trust-item h4 { font-size: 15px; margin-bottom: 4px; }
.trust-item p { font-size: 13px; margin: 0; }
.trust-item .trust-icon { color: var(--color-primary); margin-bottom: 10px; }

/* ---------- Cards ---------- */
.card {
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.card:hover { box-shadow: var(--shadow-md); }

.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 900px) { .product-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .product-grid { grid-template-columns: 1fr; } }

.product-card { padding: 22px; display: flex; flex-direction: column; }
.product-card .badge { align-self: flex-start; margin-bottom: 14px; }
.product-card-featured { min-width: 0; }
.product-image-wrap {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: #eef4f0;
  margin-bottom: 18px;
}
.product-card-image {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.product-card h3 { font-size: 20px; line-height: 1.28; margin-bottom: 4px; color: var(--color-dark); }
.product-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 10px; }
.meta-chip {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 7px 10px; border-radius: 8px;
  background: #f2f5f4; border: 1px solid var(--color-border);
  color: var(--color-dark); font-size: 13px; white-space: nowrap;
}
.product-rating { display: flex; align-items: center; gap: 8px; margin: 4px 0 2px; color: var(--color-text-muted); font-size: 13px; }
.product-rating .stars {
  display: inline-block;
  color: transparent;
  background: linear-gradient(90deg, #F5B83D 0%, #F5B83D calc(var(--rating, 5) / 5 * 100%), #D7DFDB calc(var(--rating, 5) / 5 * 100%), #D7DFDB 100%);
  -webkit-background-clip: text;
  background-clip: text;
  letter-spacing: 1px;
  font-size: 17px;
  line-height: 1;
}
.product-price small { font-size: 11px; font-weight: 500; color: var(--color-text-muted); }
.product-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: auto; padding-top: 8px; }
.product-actions .btn { min-height: 48px; }
.section-cta-link { text-align: center; margin-top: 28px; }
.section-cta-link a { color: var(--color-teal); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.product-feature-list { margin: 12px 0; display: flex; flex-direction: column; gap: 6px; }
.product-feature-list li { font-size: 14px; color: var(--color-text-muted); display: flex; gap: 8px; align-items: flex-start; }
.product-feature-list svg { flex-shrink: 0; margin-top: 2px; color: var(--color-primary); }
.product-price { font-size: 20px; font-weight: 700; color: var(--color-dark); margin: 10px 0; }
.product-price.is-unknown { font-size: 14px; font-weight: 500; color: var(--color-text-muted); }
.product-card .btn { margin-top: auto; }
.source-unavailable-note {
  display: block; margin-top: auto; padding: 12px 0; text-align: center;
  font-size: 13px; color: var(--color-text-muted); font-style: italic;
}

@media (max-width: 620px) {
  .product-card { padding: 18px; }
  .product-card h3 { font-size: 19px; }
  .product-actions { grid-template-columns: 1fr; }
  .product-meta { gap: 6px; }
  .meta-chip { font-size: 12px; padding: 6px 8px; }
}

/* ---------- Badges ---------- */
.badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 12px; border-radius: var(--radius-full);
  font-size: 12px; font-weight: 600;
  background: var(--color-primary-light); color: var(--color-primary-dark);
}
.badge-neutral { background: #f0f2ef; color: var(--color-text-muted); }
.badge-gold { background: #fdf3dd; color: #8a6300; }

/* ---------- Why-it-matters section ---------- */
.reason-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px; }
@media (max-width: 768px) { .reason-grid { grid-template-columns: 1fr; } }
.reason-card { padding: 28px; }
.reason-icon {
  width: 44px; height: 44px; border-radius: var(--radius-sm);
  background: var(--color-primary-light); color: var(--color-primary);
  display: flex; align-items: center; justify-content: center; margin-bottom: 16px;
}

/* ---------- Finder teaser / How it works ---------- */
.finder-teaser {
  background: var(--color-dark);
  border-radius: var(--radius-lg);
  padding: 56px;
  color: #fff;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 32px;
}
.finder-teaser h2, .finder-teaser p { color: #fff; }
.finder-teaser p { color: #c7d3cb; }
@media (max-width: 768px) { .finder-teaser { grid-template-columns: 1fr; text-align: center; padding: 40px 24px; } }

.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px; }
@media (max-width: 768px) { .steps-grid { grid-template-columns: 1fr; } }
.step-card { text-align: center; padding: 24px; }
.step-number {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--color-primary); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; margin: 0 auto 16px;
}

/* ---------- Comparison table ---------- */
.table-wrapper { overflow-x: auto; border-radius: var(--radius-lg); border: 1px solid var(--color-border); background: #fff; }
table.compare-table { width: 100%; border-collapse: collapse; min-width: 760px; }
table.compare-table th, table.compare-table td { padding: 16px 18px; text-align: left; font-size: 14px; border-bottom: 1px solid var(--color-border); }
table.compare-table th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-text-muted); font-weight: 600; background: #fafbfa; }
table.compare-table tr:last-child td { border-bottom: none; }
table.compare-table td.product-name-cell { font-weight: 600; color: var(--color-dark); }

.filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }
.filter-chip {
  padding: 9px 16px; border-radius: var(--radius-full); border: 1px solid var(--color-border);
  font-size: 14px; font-weight: 500; background: #fff; transition: all 0.15s;
}
.filter-chip:hover { border-color: var(--color-primary); }
.filter-chip.is-active { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

/* Mobile: Vergleichstabelle wird zu Karten */
@media (max-width: 700px) {
  .table-wrapper { display: none; }
  .compare-cards { display: flex; flex-direction: column; gap: 16px; }
}
@media (min-width: 701px) { .compare-cards { display: none; } }
.compare-card { padding: 20px; }
.compare-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.compare-card dt { font-size: 12px; color: var(--color-text-muted); text-transform: uppercase; letter-spacing: 0.03em; }
.compare-card dd { font-size: 14px; font-weight: 600; color: var(--color-dark); }

/* ---------- Finder (Produktfinder-Seite) ---------- */
.finder-shell {
  max-width: 640px; margin: 0 auto;
  background: #fff; border: 1px solid var(--color-border);
  border-radius: var(--radius-lg); padding: 48px;
  box-shadow: var(--shadow-md);
}
@media (max-width: 640px) { .finder-shell { padding: 28px 20px; border-radius: var(--radius-md); } }

.finder-progress { margin-bottom: 28px; }
.finder-progress-label { font-size: 13px; font-weight: 600; color: var(--color-text-muted); margin-bottom: 8px; }
.finder-progress-track { height: 6px; background: var(--color-border); border-radius: var(--radius-full); overflow: hidden; }
.finder-progress-fill { height: 100%; background: var(--color-primary); border-radius: var(--radius-full); transition: width 0.25s ease; }

.finder-question { animation: finderFadeIn 0.25s ease; }
@keyframes finderFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.finder-question h2 { font-size: 26px; margin-bottom: 24px; }

.finder-options { display: flex; flex-direction: column; gap: 10px; }
.finder-option {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 18px; border: 1.5px solid var(--color-border); border-radius: var(--radius-md);
  font-size: 15px; font-weight: 500; text-align: left; transition: all 0.15s;
  background: #fff;
}
.finder-option:hover { border-color: var(--color-primary); background: var(--color-primary-light); }
.finder-option.is-selected { border-color: var(--color-primary); background: var(--color-primary-light); color: var(--color-primary-dark); }
.finder-option svg { opacity: 0; color: var(--color-primary); transition: opacity 0.15s; }
.finder-option.is-selected svg { opacity: 1; }

.finder-nav { display: flex; justify-content: space-between; margin-top: 28px; }

.finder-result-header { text-align: center; margin-bottom: 32px; }
.finder-result-header .eyebrow { display: block; }
.finder-main-card { border: 2px solid var(--color-primary); border-radius: var(--radius-lg); padding: 32px; background: #fff; margin-bottom: 24px; }
.finder-main-card .trophy { font-size: 28px; }
.finder-score-row { display: flex; gap: 24px; margin: 16px 0; flex-wrap: wrap; }
.finder-score-box { background: var(--color-primary-light); border-radius: var(--radius-sm); padding: 10px 16px; text-align: center; }
.finder-score-box .score-value { font-size: 22px; font-weight: 800; color: var(--color-primary-dark); }
.finder-score-box .score-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em; color: var(--color-text-muted); }
.finder-why-list { display: flex; flex-direction: column; gap: 8px; margin: 20px 0; }
.finder-why-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--color-text); }
.finder-why-list svg { color: var(--color-primary); flex-shrink: 0; margin-top: 2px; }

.finder-alternatives-title { margin: 36px 0 16px; font-size: 20px; }
.finder-alt-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
@media (max-width: 640px) { .finder-alt-grid { grid-template-columns: 1fr; } }

.data-note {
  margin-top: 24px; padding: 14px 18px; border-radius: var(--radius-md);
  background: var(--color-warning-bg); border: 1px solid var(--color-warning-border);
  color: var(--color-warning-text); font-size: 13px; line-height: 1.5;
}

/* ---------- Safety notice ---------- */
.safety-notice {
  display: flex; gap: 14px; padding: 20px 24px;
  background: var(--color-warning-bg); border: 1px solid var(--color-warning-border);
  border-radius: var(--radius-md); margin-top: 20px;
}
.safety-notice svg { color: var(--color-warning-text); flex-shrink: 0; }
.safety-notice p { color: var(--color-warning-text); font-size: 14px; margin: 0; }

/* ---------- FAQ ---------- */
.faq-list { display: flex; flex-direction: column; gap: 2px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; background: var(--color-border); }
.faq-item { background: #fff; }
.faq-item summary { padding: 20px 24px; font-weight: 600; font-size: 16px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary .chevron { transition: transform 0.15s; flex-shrink: 0; color: var(--color-text-muted); }
.faq-item[open] summary .chevron { transform: rotate(180deg); }
.faq-item .faq-answer { padding: 0 24px 20px; color: var(--color-text-muted); font-size: 15px; line-height: 1.6; }

/* ---------- Ratgeber ---------- */
.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
@media (max-width: 900px) { .article-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .article-grid { grid-template-columns: 1fr; } }
.article-card { padding: 24px; }
.article-card .eyebrow { margin-bottom: 10px; }
.article-card h3 { margin-bottom: 8px; }
.article-card p { font-size: 14px; margin-bottom: 16px; }

.article-body { max-width: 720px; margin: 0 auto; }
.article-body h2 { margin: 36px 0 14px; font-size: 24px; }
.article-body p { margin-bottom: 16px; font-size: 16px; }
.article-body ul { margin: 0 0 16px 20px; list-style: disc; }
.article-body li { margin-bottom: 8px; color: var(--color-text-muted); }
.article-meta { display: flex; gap: 16px; color: var(--color-text-muted); font-size: 13px; margin-bottom: 24px; }

.breadcrumbs { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--color-text-muted); margin-bottom: 24px; }
.breadcrumbs a:hover { color: var(--color-primary); }

/* ---------- Affiliate notice ---------- */
.affiliate-notice { background: #eef4f0; border-radius: var(--radius-md); padding: 24px 28px; }
.affiliate-notice p { font-size: 14px; color: var(--color-text-muted); margin: 0; }

/* ---------- Footer ---------- */
.site-footer { border-top: 1px solid var(--color-border); padding: 64px 0 32px; }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(2, 1fr); gap: 40px; margin-bottom: 48px; }
@media (max-width: 700px) { .footer-grid { grid-template-columns: 1fr; gap: 32px; } }
.footer-grid h4 { font-size: 14px; margin-bottom: 16px; }
.footer-grid ul { display: flex; flex-direction: column; gap: 10px; }
.footer-grid a { font-size: 14px; color: var(--color-text-muted); }
.footer-grid a:hover { color: var(--color-primary); }
.footer-bottom { border-top: 1px solid var(--color-border); padding-top: 24px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 13px; color: var(--color-text-muted); }

/* ---------- Utility ---------- */
.text-center { text-align: center; }
.mt-24 { margin-top: 24px; }
.mt-40 { margin-top: 40px; }
.bg-alt { background: #fff; }
.max-w-720 { max-width: 720px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

/* ==========================================================
   SOLARPUTZEN V7 — FINAL BRANDING OVERRIDES
   ========================================================== */
:root {
  --color-primary: #123B4A;
  --color-primary-dark: #0D2D38;
  --color-primary-light: #E8F3F2;
  --color-dark: #17252B;
  --color-bg: #F7F9F8;
  --color-card: #FFFFFF;
  --color-border: #E2E9E7;
  --color-text: #17252B;
  --color-text-muted: #65767B;
  --color-yellow: #F5B83D;
  --color-teal: #19A89A;
}
body { background: var(--color-bg); color: var(--color-text); }
.site-header { background:#fff; border-bottom:1px solid var(--color-border); box-shadow:0 4px 18px rgba(18,59,74,.06); }
.site-header .container { min-height:76px; }
.brand-logo { display:flex; align-items:center; max-width:210px; }
.brand-logo img { display:block; width:205px; height:auto; max-height:58px; object-fit:contain; }
.nav-desktop a { color:var(--color-primary); font-weight:600; }
.nav-desktop a:hover { color:var(--color-teal); }
.btn-primary { background:var(--color-yellow); color:var(--color-primary); border-color:var(--color-yellow); font-weight:750; box-shadow:0 7px 18px rgba(245,184,61,.24); }
.btn-primary:hover { background:#e9aa29; color:var(--color-primary); border-color:#e9aa29; transform:translateY(-1px); }
.btn-secondary { background:#fff; color:var(--color-primary); border:1.5px solid var(--color-teal); }
.btn-secondary:hover { background:#f1fbfa; border-color:var(--color-primary); color:var(--color-primary); }
.btn-ghost { color:var(--color-primary); border:1.5px solid var(--color-teal); background:#fff; }
.btn-ghost:hover { color:var(--color-primary); border-color:var(--color-primary); background:#f1fbfa; }
.hero-v7 { padding:0; background:#fff; overflow:hidden; }
.hero-v7-inner { display:grid; grid-template-columns:minmax(0, 46%) minmax(0,54%); min-height:500px; max-width:1280px; }
.hero-copy { padding:76px 42px 72px 52px; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(105deg,#fff 0%,#fff 72%,rgba(247,249,248,.94) 100%); position:relative; z-index:2; }
.hero-eyebrow { color:var(--color-teal); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:12px; margin-bottom:16px; }
.hero-copy h1 { font-size:clamp(38px,4.2vw,60px); line-height:1.04; letter-spacing:-.035em; color:var(--color-primary); max-width:610px; margin:0; }
.hero-copy .lede { max-width:570px; font-size:18px; line-height:1.62; color:#40535a; margin-top:22px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.hero-primary,.hero-secondary { min-height:50px; padding:0 22px; }
.hero-photo { min-height:500px; background-image:url('../assets/images/solar-cleaning-hero.jpg'); background-size:cover; background-position:center; position:relative; }
.hero-photo:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.42) 6%,rgba(255,255,255,0) 25%); pointer-events:none; }
.trust-v7 { background:#fff; border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); padding:28px 0; }
.trust-v7 .trust-grid { gap:28px; }
.trust-v7 .trust-item { display:grid; grid-template-columns:36px 1fr; column-gap:12px; align-items:start; text-align:left; }
.trust-v7 .trust-icon { grid-row:span 2; width:36px; height:36px; border:2px solid var(--color-teal); color:var(--color-teal); border-radius:50%; display:grid; place-items:center; font-weight:800; font-size:19px; }
.trust-v7 .trust-item h4 { margin:2px 0 3px; color:var(--color-primary); }
.trust-v7 .trust-item p { margin:0; font-size:13px; line-height:1.45; }
.eyebrow { color:var(--color-teal); }
.card { border-color:var(--color-border); box-shadow:0 10px 28px rgba(18,59,74,.06); }
.badge-gold { background:#FFF4D9; color:#7C5700; }
.badge { border-radius:8px; }
.filter-chip.is-active { background:var(--color-primary); border-color:var(--color-primary); }
.nav-toggle { color:var(--color-primary); }
.site-footer { background:var(--color-primary); color:#fff; }
.site-footer a { color:#E7F4F3; }

@media (max-width: 900px) {
  .brand-logo { max-width:180px; }
  .brand-logo img { width:176px; max-height:52px; }
  .hero-v7-inner { grid-template-columns:1fr; min-height:0; }
  .hero-copy { padding:48px 24px 34px; }
  .hero-copy h1 { font-size:clamp(36px,9vw,48px); }
  .hero-photo { min-height:310px; order:2; background-position:center; }
  .hero-photo:before { background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 22%); }
  .trust-v7 { padding:24px 0; }
  .trust-v7 .trust-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px) {
  .site-header .container { min-height:66px; }
  .brand-logo img { width:155px; }
  .hero-copy { padding:38px 20px 28px; }
  .hero-copy .lede { font-size:16px; }
  .hero-actions { flex-direction:column; }
  .hero-actions .btn { width:100%; justify-content:center; }
  .hero-photo { min-height:245px; }
  .trust-v7 .trust-grid { grid-template-columns:1fr; }
}
.footer-brand-logo img { width:210px; max-width:100%; height:auto; display:block; filter:none; }
.site-footer .footer-brand-logo { display:inline-flex; }
.site-footer .footer-brand-logo img { background:#fff; border-radius:10px; padding:7px 10px; }


/* ---------- Productfinder V9 ---------- */
.finder-shell { transition: max-width .25s ease, padding .25s ease; }
.finder-shell.finder-result-mode { max-width: 980px; }
.finder-progress-top { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.finder-progress-percent { font-size:12px; font-weight:700; color:var(--color-primary); }
.finder-question { position:relative; }
.finder-question-number {
  width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:var(--color-primary-light); color:var(--color-primary-dark); font-weight:800; font-size:14px; margin-bottom:16px;
}
.finder-question-hint { margin:-12px 0 22px; color:var(--color-text-muted); font-size:14px; line-height:1.55; }
.finder-smart-note {
  display:flex; gap:10px; align-items:flex-start; margin-top:16px; padding:12px 14px;
  border-radius:var(--radius-md); background:#f3f8f6; border:1px solid #d9e9e3;
}
.finder-smart-note span { color:var(--color-primary); font-weight:800; }
.finder-smart-note p { margin:0; font-size:13px; color:var(--color-text-muted); line-height:1.45; }
.finder-result-header-v9 { max-width:720px; margin-left:auto; margin-right:auto; }
.finder-result-header-v9 p { color:var(--color-text-muted); margin:8px 0 0; }
.finder-answer-summary {
  background:#f6f9f8; border:1px solid var(--color-border); border-radius:var(--radius-md);
  padding:16px 18px; margin-bottom:24px;
}
.finder-answer-summary-title { font-weight:800; font-size:13px; margin-bottom:10px; color:var(--color-text); }
.finder-answer-chips { display:flex; flex-wrap:wrap; gap:8px; }
.finder-answer-chip {
  display:inline-flex; gap:4px; align-items:center; padding:7px 10px; border-radius:999px;
  background:#fff; border:1px solid var(--color-border); color:var(--color-text-muted); font-size:12px;
}
.finder-answer-chip b { color:var(--color-text); }
.finder-main-card-v9 {
  display:grid; grid-template-columns:minmax(280px, 1fr) minmax(320px, 1fr); gap:32px; align-items:stretch;
}
.finder-main-card-v9 .finder-main-media {
  min-height:360px; border-radius:var(--radius-md); overflow:hidden; background:#eef4f0;
}
.finder-main-card-v9 .finder-main-media img { width:100%; height:100%; min-height:360px; object-fit:cover; display:block; }
.finder-main-card-v9 .finder-main-content { display:flex; flex-direction:column; justify-content:center; }
.finder-fit-score { margin:18px 0 6px; padding:14px 16px; border-radius:var(--radius-md); background:#f4f8f7; }
.finder-fit-score-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.finder-fit-score-head span { font-weight:700; font-size:13px; }
.finder-fit-score-head strong { font-size:22px; color:var(--color-primary-dark); }
.finder-fit-score > p { margin:7px 0 0; font-size:12px; color:var(--color-text-muted); }
.finder-main-card-v9 .btn-block { margin-top:10px; }
.finder-alt-card-v9 { overflow:hidden; padding:0; display:flex; flex-direction:column; }
.finder-alt-card-v9 .finder-alt-media { height:210px; background:#eef4f0; overflow:hidden; }
.finder-alt-card-v9 .finder-alt-media img { width:100%; height:100%; object-fit:cover; display:block; }
.finder-alt-card-v9 .finder-alt-body { padding:20px; }
.finder-alt-card-v9 .finder-alt-body h4 { margin:8px 0 12px; font-size:18px; line-height:1.25; }
.finder-alt-card-v9 .btn-block { margin-top:14px; }
.finder-ebay-note { margin:-8px 0 16px; color:var(--color-text-muted); font-size:13px; }
.finder-ebay-empty {
  display:flex; flex-direction:column; gap:4px; padding:18px; border:1px dashed var(--color-border);
  border-radius:var(--radius-md); color:var(--color-text-muted); font-size:13px;
}
.finder-ebay-empty strong { color:var(--color-text); }
@media (max-width: 760px) {
  .finder-shell.finder-result-mode { max-width:640px; }
  .finder-main-card-v9 { grid-template-columns:1fr; gap:20px; }
  .finder-main-card-v9 .finder-main-media, .finder-main-card-v9 .finder-main-media img { min-height:280px; height:280px; }
  .finder-answer-chip { font-size:11px; }
}
@media (max-width: 640px) {
  .finder-shell { padding:28px 20px; }
  .finder-question h2 { font-size:24px; }
  .finder-main-card { padding:20px; }
  .finder-alt-card-v9 .finder-alt-media { height:190px; }
}


/* ---------- Productfinder V10 results ---------- */
.finder-shell.finder-result-mode { max-width: 1040px; padding: 40px; }
.finder-result-header-v10 { max-width: 760px; margin: 0 auto 28px; text-align:center; }
.finder-result-header-v10 h2 { font-size: 30px; margin: 6px 0 8px; }
.finder-result-header-v10 p { margin:0; color:var(--color-text-muted); font-size:14px; line-height:1.55; }

.finder-main-card-v10 {
  display:grid; grid-template-columns:minmax(430px, 1.15fr) minmax(390px, 0.85fr);
  gap:0; padding:0; overflow:hidden; border:1px solid #d7e4df;
  border-radius:22px; background:#fff; box-shadow:0 12px 32px rgba(20,50,60,.08);
}
.finder-main-card-v10 .finder-main-media {
  position:relative; min-height:520px; background:#edf5f2; overflow:hidden;
}
.finder-main-card-v10 .finder-main-media img { width:100%; height:100%; min-height:520px; object-fit:cover; display:block; }
.finder-main-source {
  position:absolute; left:18px; top:18px; padding:7px 11px; border-radius:999px;
  background:rgba(255,255,255,.94); color:#24353b; font-size:12px; font-weight:800;
  box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.finder-main-source.amazon { color:#8b5a00; }
.finder-main-source.ebay { color:#173fbe; }

.finder-main-card-v10 .finder-main-content {
  padding:34px 36px; display:flex; flex-direction:column; justify-content:center;
}
.finder-recommendation-label {
  display:inline-flex; align-items:center; width:max-content; padding:8px 12px; border-radius:9px;
  background:#fff2cf; color:#8a5d00; font-weight:800; font-size:13px; margin-bottom:14px;
}
.finder-main-card-v10 .finder-main-title { font-size:28px; line-height:1.18; margin:0 0 10px; }
.finder-product-meta { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; }
.finder-product-meta span {
  padding:6px 9px; border-radius:999px; background:#f2f7f5; color:var(--color-text-muted);
  font-size:11px; font-weight:700;
}

.finder-score-highlight {
  display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:center;
  padding:16px; border:1px solid #dce9e5; background:#f5f9f7; border-radius:14px; margin-bottom:18px;
}
.finder-score-caption { display:block; color:var(--color-text-muted); font-size:11px; margin-bottom:2px; }
.finder-score-highlight strong { font-size:29px; color:var(--color-primary-dark); line-height:1; }
.finder-score-rating span { display:block; font-size:12px; font-weight:800; color:var(--color-primary-dark); margin-bottom:7px; }
.finder-score-track { height:8px; background:#d9e8e3; border-radius:999px; overflow:hidden; }
.finder-score-track i { display:block; height:100%; background:linear-gradient(90deg,var(--color-primary),#f2b52b); border-radius:999px; }

.finder-why-v10 h4 { margin:0 0 10px; font-size:14px; }
.finder-reason-pills { display:flex; flex-direction:column; gap:7px; margin-bottom:20px; }
.finder-reason-pill {
  display:flex; align-items:flex-start; gap:8px; font-size:13px; line-height:1.4; color:var(--color-text);
}
.finder-reason-pill span { color:var(--color-primary); font-weight:900; flex:none; }

.finder-buy-row { display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; }
.finder-buy-row .btn { min-width:0; }
.finder-price { font-weight:800; font-size:16px; white-space:nowrap; color:var(--color-text); }
.finder-price.unknown { font-size:11px; color:var(--color-text-muted); max-width:120px; white-space:normal; line-height:1.35; }

.finder-alternatives-v10 { margin-top:34px; }
.finder-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:15px; }
.finder-section-heading h3 { margin:2px 0 0; font-size:22px; }
.finder-section-heading p { margin:0; color:var(--color-text-muted); font-size:12px; text-align:right; }

.finder-alt-grid-v10 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.finder-alt-card-v10 {
  display:grid; grid-template-columns:150px 1fr; min-height:220px; overflow:hidden;
  border:1px solid var(--color-border); border-radius:16px; background:#fff;
  box-shadow:0 6px 18px rgba(20,50,60,.05);
}
.finder-alt-card-v10 .finder-alt-media { position:relative; min-height:220px; background:#edf5f2; }
.finder-alt-card-v10 .finder-alt-media img { width:100%; height:100%; object-fit:cover; display:block; }
.finder-alt-source {
  position:absolute; left:9px; top:9px; padding:5px 8px; border-radius:999px;
  background:rgba(255,255,255,.94); font-size:10px; font-weight:800; box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.finder-alt-source.amazon { color:#8b5a00; }
.finder-alt-source.ebay { color:#173fbe; }
.finder-alt-body { padding:18px; display:flex; flex-direction:column; }
.finder-alt-body h4 { margin:0 0 10px; font-size:17px; line-height:1.25; }
.finder-alt-meta { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:6px; }
.finder-alt-meta span { font-size:11px; color:var(--color-text-muted); }
.finder-alt-meta strong { color:var(--color-primary-dark); font-size:15px; }
.finder-alt-body p { margin:0 0 14px; font-size:12px; color:var(--color-text-muted); }
.finder-alt-body .btn { margin-top:auto; font-size:12px; padding:10px 12px; }

.finder-result-actions { text-align:center; margin-top:30px; }
.finder-result-footnote {
  margin-top:18px; padding:12px 15px; border-top:1px solid var(--color-border);
  color:var(--color-text-muted); font-size:11px; line-height:1.5; text-align:center;
}

@media (max-width: 860px) {
  .finder-shell.finder-result-mode { max-width:760px; padding:28px 22px; }
  .finder-main-card-v10 { grid-template-columns:1fr; }
  .finder-main-card-v10 .finder-main-media, .finder-main-card-v10 .finder-main-media img { min-height:330px; height:330px; }
  .finder-main-card-v10 .finder-main-content { padding:26px; }
}
@media (max-width: 680px) {
  .finder-alt-grid-v10 { grid-template-columns:1fr; }
  .finder-alt-card-v10 { grid-template-columns:125px 1fr; }
  .finder-section-heading { display:block; }
  .finder-section-heading p { text-align:left; margin-top:5px; }
}
@media (max-width: 520px) {
  .finder-shell.finder-result-mode { padding:22px 16px; }
  .finder-main-card-v10 .finder-main-title { font-size:23px; }
  .finder-main-card-v10 .finder-main-content { padding:21px; }
  .finder-buy-row { grid-template-columns:1fr; }
  .finder-price { text-align:center; }
  .finder-alt-card-v10 { grid-template-columns:1fr; }
  .finder-alt-card-v10 .finder-alt-media, .finder-alt-card-v10 .finder-alt-media img { min-height:180px; height:180px; }
}

.profi-label-line{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.profi-label-line em{font-style:normal;font-weight:400;color:#6a7e85}
.profi-consent{display:flex!important;align-items:flex-start;gap:10px}
.profi-consent input[type="checkbox"]{flex:0 0 auto;margin-top:4px}


/* SolarPutzen V26 – Homepage Feinschliff */
.site-header .container > div:last-child {
  gap: 10px !important;
}
.site-header .header-profi-cta,
.site-header .header-cta {
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(245,184,61,.18);
  white-space: nowrap;
}
.site-header .header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.site-header .header-profi-cta {
  margin-right: 0;
}
@media (min-width: 901px) {
  .site-header .nav-desktop { gap: 28px; }
  .site-header .header-cta { padding: 12px 18px; }
}

.trust-v7 {
  padding: 22px 0;
}
.trust-v7 .trust-grid {
  gap: 22px;
}
.trust-v7 .trust-item {
  grid-template-columns: 42px 1fr;
  column-gap: 13px;
}
.trust-v7 .trust-icon {
  width: 42px;
  height: 42px;
  border-width: 1.8px;
}
.trust-v7 .trust-icon svg {
  width: 22px;
  height: 22px;
}
.trust-v7 .trust-item h4 {
  margin-top: 1px;
  font-size: 15px;
}
.trust-v7 .trust-item p {
  font-size: 12.5px;
  line-height: 1.42;
}

.featured-products-v8 {
  padding-top: 42px;
  padding-bottom: 38px;
}
.featured-products-v8 > .container {
  max-width: 1240px;
}
.featured-header-v8 {
  margin-bottom: 22px;
  gap: 24px;
}
.featured-header-v8 h2 {
  font-size: clamp(30px, 3.2vw, 42px);
}
.featured-header-v8 .lede {
  max-width: 780px;
  font-size: 16px;
  line-height: 1.5;
}
.product-grid-featured {
  gap: 18px;
}
.featured-products-v8 .product-card {
  padding: 18px;
  border-radius: 22px;
}
.featured-products-v8 .product-card .badge {
  margin-bottom: 10px;
  font-size: 12px;
  padding: 7px 10px;
}
.featured-products-v8 .product-image-wrap {
  aspect-ratio: 16 / 9;
  margin-bottom: 14px;
  border-radius: 16px;
}
.featured-products-v8 .product-card h3 {
  font-size: 18px;
  line-height: 1.24;
}
.featured-products-v8 .product-meta {
  gap: 6px;
  margin: 11px 0 8px;
}
.featured-products-v8 .meta-chip {
  padding: 6px 8px;
  font-size: 12px;
}
.featured-products-v8 .product-rating {
  font-size: 12px;
}
.featured-products-v8 .product-rating .stars {
  font-size: 15px;
}
.featured-products-v8 .product-price {
  font-size: 25px;
  margin-top: 8px;
}
.featured-products-v8 .product-actions {
  grid-template-columns: 1fr;
  margin-top: 4px;
  padding-top: 6px;
}
.featured-products-v8 .product-actions .btn {
  min-height: 44px;
  padding: 10px 14px;
  font-size: 14px;
}
.featured-products-v8 .product-actions .btn-secondary {
  display: none;
}

.finder-v8-section {
  padding-top: 34px;
  padding-bottom: 46px;
}
.finder-v8 {
  padding: 34px 40px;
}
.finder-v8-heading {
  margin-bottom: 24px;
}
.finder-v8-steps {
  gap: 20px;
}
.finder-v8-step h3 {
  font-size: 18px;
}
.finder-v8-step p {
  font-size: 13px;
  line-height: 1.5;
}
.finder-v8-action {
  margin-top: 24px;
}
@media (max-width: 900px) {
  .site-header .header-profi-cta { display: none; }
  .featured-products-v8 {
    padding-top: 34px;
    padding-bottom: 30px;
  }
  .featured-products-v8 > .container {
    max-width: none;
  }
  .finder-v8 {
    padding: 28px 22px;
  }
}



/* Größeres Logo oben links */
.site-header .brand-logo,
.site-header .logo,
.site-header img[alt*="SolarPutzen"] {
  max-height: 62px !important;
  width: auto !important;
}
.site-header .brand,
.site-header .brand-link {
  min-height: 72px;
}

/* Hero-Bild größer und präsenter */
.hero .hero-image,
.hero .hero-media,
.hero .hero-visual,
.hero img {
  min-height: 470px;
}
.hero .hero-image img,
.hero .hero-media img,
.hero .hero-visual img {
  width: 100% !important;
  height: 100% !important;
  min-height: 470px !important;
  object-fit: cover !important;
}

/* Falls die Homepage das Hero-Bild direkt über eine Picture-Struktur rendert */
.hero picture,
.hero picture img {
  width: 100%;
  height: 100%;
}

/* Header bleibt sauber, auch mit größerem Logo */
@media (min-width: 901px) {
  .site-header .container {
    min-height: 88px;
  }
  .site-header .brand-logo,
  .site-header .logo,
  .site-header img[alt*="SolarPutzen"] {
    max-height: 68px !important;
  }
}

@media (max-width: 900px) {
  .site-header .brand-logo,
  .site-header .logo,
  .site-header img[alt*="SolarPutzen"] {
    max-height: 54px !important;
  }
}


/* SolarPutzen V28 – Homepage Hero Final */
.site-header .container {
  min-height: 88px !important;
}

.site-header .brand-logo {
  display: flex !important;
  align-items: center !important;
  width: 260px !important;
  max-width: 260px !important;
  height: 78px !important;
  flex: 0 0 260px !important;
}

.site-header .brand-logo img {
  display: block !important;
  width: 245px !important;
  max-width: 245px !important;
  height: auto !important;
  max-height: 70px !important;
  object-fit: contain !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hero: mehr Platz für die Bürsten-Grafik */
.hero-v7-inner {
  grid-template-columns: minmax(0, 43%) minmax(0, 57%) !important;
  min-height: 610px !important;
  max-width: 1400px !important;
}

.hero-photo {
  min-height: 610px !important;
  background-size: cover !important;
  background-position: center center !important;
}

/* Hero bleibt ohne zweiten weißen CTA */
.hero-actions .hero-secondary {
  display: none !important;
}

@media (max-width: 900px) {
  .site-header .container {
    min-height: 76px !important;
  }

  .site-header .brand-logo {
    width: 205px !important;
    max-width: 205px !important;
    height: 64px !important;
    flex-basis: 205px !important;
  }

  .site-header .brand-logo img {
    width: 195px !important;
    max-width: 195px !important;
    max-height: 58px !important;
  }

  .hero-v7-inner {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .hero-photo {
    min-height: 380px !important;
  }
}

@media (max-width: 560px) {
  .site-header .brand-logo {
    width: 175px !important;
    max-width: 175px !important;
    flex-basis: 175px !important;
  }

  .site-header .brand-logo img {
    width: 165px !important;
    max-width: 165px !important;
  }

  .hero-photo {
    min-height: 300px !important;
  }
}


/* SolarPutzen V29 – Header + Profi CTA */
.site-header .header-profi-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.site-header .brand-logo,
.site-header .brand-logo img {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Keep the hero clean: no Profi CTA below the hero copy. */
.hero-actions .hero-secondary,
.hero-actions a[href="profifinder.html"] {
  display: none !important;
}

/* New Profi CTA module */
.profi-cta-section {
  max-width: 1400px;
  margin: 46px auto 56px;
  padding: 0 28px;
}

.profi-cta-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr);
  align-items: stretch;
  border: 1px solid #dbe7e5;
  border-radius: 28px;
  background: linear-gradient(135deg, #f7fbfa 0%, #ffffff 65%);
  box-shadow: 0 16px 40px rgba(20, 60, 72, .08);
}

.profi-cta-copy {
  padding: 48px 54px;
}

.profi-cta-copy .eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  color: #0ca6a0;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .08em;
}

.profi-cta-copy h2 {
  margin: 0 0 14px;
  color: #123d4b;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.08;
}

.profi-cta-copy p {
  max-width: 760px;
  margin: 0 0 22px;
  color: #55727e;
  font-size: 18px;
  line-height: 1.65;
}

.profi-cta-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 0 0 28px;
  color: #173f4d;
  font-size: 15px;
  font-weight: 700;
}

.profi-cta-button {
  min-height: 54px;
  padding: 0 26px;
}

.profi-cta-visual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  padding: 30px;
  background: linear-gradient(145deg, #e8f7f4, #d9efed);
  text-align: center;
}

.profi-cta-icon {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  margin-bottom: 16px;
  border-radius: 50%;
  background: #ffbd3d;
  box-shadow: 0 10px 25px rgba(220, 156, 28, .22);
  font-size: 38px;
}

.profi-cta-badge {
  margin-bottom: 10px;
  color: #0ca6a0;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
}

.profi-cta-visual-title {
  color: #123d4b;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

@media (max-width: 900px) {
  .profi-cta-section {
    margin: 34px auto 42px;
    padding: 0 18px;
  }

  .profi-cta-card {
    grid-template-columns: 1fr;
  }

  .profi-cta-copy {
    padding: 34px 28px;
  }

  .profi-cta-visual {
    min-height: 230px;
  }
}

@media (max-width: 600px) {
  .profi-cta-copy {
    padding: 28px 22px;
  }

  .profi-cta-copy p {
    font-size: 16px;
  }

  .profi-cta-points {
    flex-direction: column;
    gap: 8px;
  }

  .profi-cta-button {
    width: 100%;
  }
}


/* SolarPutzen V31 – Profi CTA Bild + kompaktere Modulabstände */
.profi-cta-section {
  margin: 28px auto 34px !important;
  padding: 0 28px !important;
}

.profi-cta-card {
  grid-template-columns: minmax(0, 1.45fr) minmax(420px, .9fr) !important;
}

.profi-cta-visual {
  min-height: 390px !important;
  padding: 0 !important;
  background-image: url('../assets/images/profi-solar-cleaning-v130.webp') !important;
  background-size: cover !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
  position: relative;
}

/* Vorherige Platzhalter-Inhalte im rechten Bereich ausblenden */
.profi-cta-visual .profi-cta-icon,
.profi-cta-visual .profi-cta-badge,
.profi-cta-visual .profi-cta-visual-title {
  display: none !important;
}

.featured-products-v8 {
  padding-top: 30px !important;
  padding-bottom: 26px !important;
}

.finder-v8-section {
  padding-top: 24px !important;
  padding-bottom: 28px !important;
}

.finder-v8 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.profi-cta-copy {
  padding: 38px 48px !important;
}

@media (max-width: 900px) {
  .featured-products-v8 {
    padding-top: 26px !important;
    padding-bottom: 22px !important;
  }

  .finder-v8-section {
    padding-top: 20px !important;
    padding-bottom: 24px !important;
  }

  .profi-cta-section {
    margin: 24px auto 30px !important;
    padding: 0 18px !important;
  }

  .profi-cta-card {
    grid-template-columns: 1fr !important;
  }

  .profi-cta-visual {
    min-height: 300px !important;
  }
}

@media (max-width: 600px) {
  .profi-cta-section {
    margin: 20px auto 24px !important;
  }

  .profi-cta-visual {
    min-height: 240px !important;
  }
}

/* ---------- V32: kompaktere Headlines ---------- */
h1 { font-size: 40px; line-height: 1.08; }
h2 { font-size: 28px; line-height: 1.18; }
h3 { font-size: 19px; line-height: 1.3; }

/* Startseite / Hero */
.hero-copy h1 { font-size: clamp(34px, 3.3vw, 46px); line-height: 1.06; }
.featured-header-v8 h2 { font-size: clamp(26px, 2.5vw, 32px); }
.finder-v8-heading h2 { font-size: clamp(26px, 2.5vw, 32px); }
.profi-cta-copy h2 { font-size: clamp(26px, 2.5vw, 34px); }

/* Produktfinder */
.finder-question h2 { font-size: 24px; line-height: 1.18; }
.finder-result-header-v10 h2 { font-size: 28px; }
.finder-main-card-v10 .finder-main-title { font-size: 26px; }
.finder-alternatives-title { font-size: 19px; }

/* Profifinder */
.profi-hero h1 { font-size: clamp(30px, 3.2vw, 38px); line-height: 1.08; }
.profi-question-card h2,
.profi-found-card h2,
.profi-contact-card h2,
.profi-results-card h2 { font-size: clamp(24px, 2.7vw, 30px); line-height: 1.12; }
.profi-provider-card h3 { font-size: 20px; }

@media (max-width: 768px) {
  h1 { font-size: 30px; }
  h2 { font-size: 24px; }
  h3 { font-size: 18px; }
  .hero-copy h1 { font-size: clamp(32px, 8vw, 40px); }
  .profi-hero h1 { font-size: clamp(28px, 7vw, 34px); }
}

/* ---------- V36: Finder-Module insgesamt kompakter ---------- */

/* Bürstenfinder – Fragekarten kompakter, ohne die Ergebnisdarstellung zu verändern */
.finder-shell:not(.finder-result-mode) {
  max-width: 620px;
  padding: 32px 36px;
  border-radius: 22px;
}
.finder-shell:not(.finder-result-mode) .finder-progress {
  margin-bottom: 20px;
}
.finder-shell:not(.finder-result-mode) .finder-progress-label {
  margin-bottom: 6px;
  font-size: 12px;
}
.finder-shell:not(.finder-result-mode) .finder-question-number {
  width: 38px;
  height: 38px;
  font-size: 13px;
  margin-bottom: 12px;
}
.finder-shell:not(.finder-result-mode) .finder-question h2 {
  font-size: 22px;
  line-height: 1.16;
  margin-bottom: 8px;
}
.finder-shell:not(.finder-result-mode) .finder-question-hint {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.45;
}
.finder-shell:not(.finder-result-mode) .finder-options {
  gap: 8px;
}
.finder-shell:not(.finder-result-mode) .finder-option {
  padding: 12px 15px;
  border-radius: 12px;
  font-size: 14px;
}
.finder-shell:not(.finder-result-mode) .finder-nav {
  margin-top: 18px;
}
.finder-shell:not(.finder-result-mode) .finder-smart-note {
  margin-top: 12px;
  padding: 9px 11px;
}
.finder-shell:not(.finder-result-mode) .finder-smart-note p {
  font-size: 12px;
}

/* Profifinder – komplette Frage-/Gate-/Kontaktmodule kompakter */
.profi-hero {
  padding: 34px 0 20px !important;
}
.profi-hero h1 {
  max-width: 720px !important;
  margin: 3px auto 8px !important;
  font-size: clamp(29px, 2.55vw, 36px) !important;
  line-height: 1.05 !important;
}
.profi-hero .lede {
  max-width: 650px !important;
  font-size: 16px !important;
  line-height: 1.42 !important;
}
.profi-main {
  padding: 4px 0 48px !important;
}
.profi-shell {
  max-width: 900px !important;
}
.profi-question-card,
.profi-found-card,
.profi-contact-card,
.profi-results-card {
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: 0 7px 20px rgba(20,55,65,.055) !important;
}
.profi-progress {
  height: 5px !important;
  margin-bottom: 18px !important;
}
.profi-step {
  font-size: 12px !important;
  margin-bottom: 8px !important;
}
.profi-question-card h2,
.profi-found-card h2,
.profi-contact-card h2,
.profi-results-card h2 {
  font-size: clamp(21px, 2.05vw, 27px) !important;
  line-height: 1.1 !important;
  margin-bottom: 6px !important;
}
.profi-sub,
.profi-found-card > p,
.profi-contact-card > p,
.profi-result-lede {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
.profi-options {
  gap: 9px !important;
  margin-top: 18px !important;
}
.profi-option {
  padding: 13px 15px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
}
.profi-zip-wrap {
  gap: 9px !important;
  margin-top: 18px !important;
}
.profi-zip {
  border-radius: 12px !important;
  padding: 12px 15px !important;
  font-size: 18px !important;
}
.profi-nav {
  margin-top: 18px !important;
}
.profi-found-list {
  gap: 9px !important;
  margin: 18px 0 !important;
}
.profi-found-list > div {
  padding: 12px !important;
  border-radius: 12px !important;
}
.profi-note {
  margin-top: 12px !important;
}
.profi-form {
  gap: 12px !important;
  margin-top: 18px !important;
}
.profi-form input,
.profi-form select {
  padding: 11px 13px !important;
  border-radius: 10px !important;
}
.profi-results-grid {
  gap: 12px !important;
  margin-top: 16px !important;
}
.profi-provider-card {
  border-radius: 16px !important;
  padding: 15px !important;
}
.profi-provider-card h3 {
  font-size: 17px !important;
  margin: 10px 0 6px !important;
}
.profi-score {
  margin: 13px 0 !important;
}
.profi-tags {
  margin: 9px 0 !important;
}
.profi-provider-card p {
  margin: 8px 0 !important;
}
.profi-card-actions {
  margin-top: 11px !important;
}
.profi-disclaimer {
  margin: 14px auto 0 !important;
}

@media (max-width: 800px) {
  .finder-shell:not(.finder-result-mode) {
    padding: 25px 18px;
  }
  .profi-question-card,
  .profi-found-card,
  .profi-contact-card,
  .profi-results-card {
    padding: 20px 16px !important;
    border-radius: 18px !important;
  }
  .profi-hero {
    padding: 28px 0 16px !important;
  }
  .profi-main {
    padding-bottom: 36px !important;
  }
}

@media (max-width: 560px) {
  .finder-shell:not(.finder-result-mode) {
    padding: 22px 16px;
  }
  .finder-shell:not(.finder-result-mode) .finder-question h2 {
    font-size: 21px;
  }
  .finder-shell:not(.finder-result-mode) .finder-option {
    padding: 11px 13px;
    font-size: 13px;
  }
  .profi-hero h1 {
    font-size: clamp(26px, 7vw, 32px) !important;
  }
  .profi-hero .lede {
    font-size: 14px !important;
  }
}


/* V37 – Produktfinder insgesamt kompakter, Breadcrumb entfernt */
.productfinder-page-section{
  padding-top:30px !important;
  padding-bottom:42px !important;
}
.productfinder-heading{
  margin-bottom:24px !important;
}
.productfinder-heading .eyebrow{
  font-size:13px;
  margin-bottom:7px;
}
.productfinder-heading h1{
  font-size:clamp(30px,3vw,38px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em;
  margin:0 0 7px !important;
}
.productfinder-heading .lede{
  font-size:17px !important;
  line-height:1.35 !important;
  margin:0 !important;
}

/* Frageansicht */
.finder-shell:not(.finder-result-mode){
  max-width:900px !important;
  padding:26px 34px !important;
  border-radius:20px !important;
}
.finder-shell:not(.finder-result-mode) .finder-progress{
  margin-bottom:16px !important;
}
.finder-shell:not(.finder-result-mode) .finder-progress-label,
.finder-shell:not(.finder-result-mode) .finder-progress-percent{
  font-size:12px !important;
}
.finder-shell:not(.finder-result-mode) .finder-progress-bar{
  height:6px !important;
}
.finder-shell:not(.finder-result-mode) .finder-question-number{
  width:34px !important;
  height:34px !important;
  margin-bottom:10px !important;
  font-size:12px !important;
}
.finder-shell:not(.finder-result-mode) .finder-question h2{
  font-size:21px !important;
  line-height:1.14 !important;
  margin:0 0 6px !important;
}
.finder-shell:not(.finder-result-mode) .finder-question-hint{
  font-size:13px !important;
  margin:0 0 13px !important;
}
.finder-shell:not(.finder-result-mode) .finder-options{
  gap:7px !important;
}
.finder-shell:not(.finder-result-mode) .finder-option{
  min-height:0 !important;
  padding:11px 14px !important;
  border-radius:11px !important;
  font-size:14px !important;
}
.finder-shell:not(.finder-result-mode) .finder-nav{
  margin-top:14px !important;
}
.finder-shell:not(.finder-result-mode) .finder-smart-note{
  margin-top:10px !important;
}

/* Ergebnisansicht – gleiche kompakte Designsprache */
.finder-shell.finder-result-mode{
  max-width:980px !important;
  padding:28px 32px !important;
  border-radius:20px !important;
}
.finder-shell.finder-result-mode .finder-result-header{
  margin-bottom:18px !important;
}
.finder-shell.finder-result-mode .finder-result-header .eyebrow{
  font-size:12px;
}
.finder-shell.finder-result-mode .finder-result-header h2{
  font-size:26px !important;
  line-height:1.1 !important;
  margin:5px 0 6px !important;
}
.finder-shell.finder-result-mode .finder-result-header p{
  font-size:13px !important;
  line-height:1.4 !important;
  margin:0 !important;
}
.finder-main-card-v81{
  grid-template-columns:minmax(260px,38%) minmax(0,1fr) !important;
  gap:24px !important;
  padding:18px !important;
  border-radius:20px !important;
  margin-bottom:18px !important;
}
.finder-main-card-v81 .finder-main-media,
.finder-main-card-v81 .finder-main-media img{
  min-height:300px !important;
}
.finder-main-card-v81 .finder-main-content{
  padding:5px 4px 4px 0 !important;
}
.finder-main-card-v81 .trophy{
  font-size:13px !important;
  padding:8px 11px !important;
}
.finder-main-title,
.finder-main-card-v10 .finder-main-title{
  font-size:24px !important;
  line-height:1.13 !important;
  margin:12px 0 12px !important;
}
.finder-fit-score{
  padding:12px 14px !important;
  border-radius:13px !important;
  margin-bottom:13px !important;
}
.finder-fit-score-head{margin-bottom:7px !important;}
.finder-fit-score-head strong{font-size:21px !important;}
.finder-fit-track{height:7px !important;}
.finder-fit-score p{font-size:11px !important;margin-top:6px !important;}
.finder-why h4{font-size:14px !important;}
.finder-main-card-v81 .finder-why-list{
  margin:8px 0 13px !important;
}
.finder-main-card-v81 .finder-why-list li{
  font-size:12px !important;
  line-height:1.4 !important;
  margin:6px 0 !important;
}
.finder-alternatives-v10{margin-top:20px !important;}
.finder-section-heading{margin-bottom:11px !important;}
.finder-section-heading h3{font-size:18px !important;}
.finder-section-heading p{font-size:11px !important;}
.finder-alt-grid-v10{gap:13px !important;}
.finder-alt-card-v10{border-radius:15px !important;}
.finder-alt-card-v10 .finder-alt-media{min-height:170px !important;}
.finder-alt-body{padding:14px !important;}
.finder-alt-body h4{font-size:15px !important;margin-bottom:7px !important;}
.finder-alt-meta strong{font-size:13px !important;}
.finder-alt-body p{font-size:11px !important;margin-bottom:10px !important;}
.finder-alt-body .btn{font-size:11px !important;padding:8px 10px !important;}
.finder-cleaners-v13{
  margin-top:18px !important;
  padding:18px !important;
  border-radius:16px !important;
}
.finder-cleaner-grid{gap:12px !important;margin-top:12px !important;}
.finder-cleaner-card{border-radius:14px !important;}
.finder-cleaner-body{padding:14px !important;}
.finder-cleaner-body h4{font-size:16px !important;}
.finder-result-actions{margin-top:20px !important;}
.finder-result-footnote{font-size:11px !important;margin-top:12px !important;}

@media(max-width:800px){
  .productfinder-page-section{padding-top:22px !important;padding-bottom:30px !important;}
  .productfinder-heading{margin-bottom:18px !important;}
  .productfinder-heading h1{font-size:28px !important;}
  .productfinder-heading .lede{font-size:15px !important;}
  .finder-shell:not(.finder-result-mode){padding:22px 18px !important;}
  .finder-shell.finder-result-mode{padding:22px 18px !important;}
  .finder-main-card-v81{grid-template-columns:1fr !important;gap:14px !important;padding:14px !important;}
  .finder-main-card-v81 .finder-main-media,
  .finder-main-card-v81 .finder-main-media img{min-height:240px !important;height:240px !important;}
}
@media(max-width:560px){
  .productfinder-heading h1{font-size:25px !important;}
  .productfinder-heading .lede{font-size:14px !important;}
  .finder-shell:not(.finder-result-mode){padding:19px 15px !important;}
  .finder-shell.finder-result-mode{padding:18px 14px !important;}
  .finder-main-card-v81 .finder-main-media,
  .finder-main-card-v81 .finder-main-media img{min-height:210px !important;height:210px !important;}
}

/* ---------- V48: kompakte Produkt-Empfehlungen ---------- */
.featured-products-v8 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.featured-header-v8 {
  margin-bottom: 16px !important;
}
.product-grid-featured {
  gap: 16px !important;
  align-items: stretch;
}
.featured-products-v8 .product-card-featured {
  padding: 14px !important;
  border-radius: 18px !important;
}
.featured-products-v8 .product-card-featured .badge {
  margin-bottom: 8px !important;
  padding: 6px 9px !important;
  font-size: 11px !important;
}
.featured-products-v8 .product-image-wrap {
  aspect-ratio: 16 / 8.6 !important;
  margin: 8px 0 10px !important;
  border-radius: 14px !important;
}
.featured-products-v8 .product-card-featured h3 {
  font-size: 17px !important;
  line-height: 1.18 !important;
  min-height: 0 !important;
  margin-bottom: 8px !important;
}
.featured-products-v8 .product-meta {
  gap: 5px !important;
  margin: 7px 0 6px !important;
  min-height: 0 !important;
}
.featured-products-v8 .meta-chip {
  padding: 5px 7px !important;
  font-size: 11px !important;
}
.featured-products-v8 .product-rating {
  margin-top: 2px !important;
  font-size: 11px !important;
}
.featured-products-v8 .product-rating .stars {
  font-size: 14px !important;
}
.featured-products-v8 .product-price {
  font-size: 21px !important;
  line-height: 1.1 !important;
  margin-top: 6px !important;
  min-height: 0 !important;
}
.featured-products-v8 .product-actions {
  margin-top: 8px !important;
  padding-top: 0 !important;
}
.featured-products-v8 .product-actions .btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  border-radius: 999px !important;
}
@media (max-width: 700px) {
  .featured-products-v8 { padding-top: 20px !important; padding-bottom: 20px !important; }
  .featured-products-v8 .product-image-wrap { aspect-ratio: 16 / 9 !important; }
}

/* V50: Einheitliche Überschriftenhöhe in den Produktempfehlungen */
.featured-products-v8 .product-card-featured h3 {
  min-height: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: flex-start !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
}

@media (max-width: 700px) {
  .featured-products-v8 .product-card-featured h3 {
    height: auto !important;
    min-height: 40px !important;
  }
}

/* V51 – Produktfinder-Erklärmodul kompakter und schmaler */
.finder-v8-section {
  padding-top: 18px !important;
  padding-bottom: 24px !important;
}

.finder-v8 {
  max-width: 1450px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 26px 36px !important;
}

.finder-v8-heading {
  margin-bottom: 18px !important;
}

.finder-v8-steps {
  gap: 16px !important;
}

.finder-v8-step p {
  margin-top: 6px !important;
  line-height: 1.42 !important;
}

.finder-v8-action {
  margin-top: 18px !important;
}

@media (max-width: 900px) {
  .finder-v8 {
    max-width: none !important;
    padding: 24px 20px !important;
  }
}


/* V52 – Profi-Modul enger an die umgebenden Startseiten-Module anbinden */
.profi-cta-section {
  max-width: 1450px !important;
  margin: 12px auto 22px !important;
  padding: 0 28px !important;
}

.profi-cta-card {
  border-radius: 24px !important;
}

.profi-cta-copy {
  padding: 30px 42px !important;
}

.profi-cta-copy .eyebrow {
  margin-bottom: 8px !important;
}

.profi-cta-copy h2 {
  margin-bottom: 10px !important;
  font-size: clamp(26px, 2.5vw, 34px) !important;
}

.profi-cta-copy p {
  margin-bottom: 16px !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
}

.profi-cta-points {
  gap: 8px 16px !important;
  margin-bottom: 20px !important;
  font-size: 14px !important;
}

.profi-cta-button {
  min-height: 50px !important;
  padding: 0 24px !important;
}

/* Professionelleres Motiv: Mitarbeiter bei der Solar-/PV-Reinigung.
   Pexels-Lizenz erlaubt kommerzielle Nutzung; Credit ist empfohlen. */
.profi-cta-visual {
  min-height: 330px !important;
  background-image: url('../assets/images/profi-solar-cleaning.webp') !important;
  background-size: cover !important;
  background-position: center 68% !important;
}

/* Handwerker-Icon konsistent bei allen Profi-CTAs */
.header-profi-cta,
.profi-cta-button {
  font-variant-emoji: emoji;
}

@media (max-width: 900px) {
  .profi-cta-section {
    margin: 12px auto 20px !important;
    padding: 0 18px !important;
  }

  .profi-cta-copy {
    padding: 28px 26px !important;
  }

  .profi-cta-visual {
    min-height: 280px !important;
  }
}

@media (max-width: 600px) {
  .profi-cta-section {
    margin: 10px auto 18px !important;
  }

  .profi-cta-copy {
    padding: 24px 20px !important;
  }

  .profi-cta-visual {
    min-height: 230px !important;
  }
}

/* SolarPutzen V53 – Wasserablaufclips Modul */
.water-clips-section {
  max-width: 1400px;
  margin: 26px auto 34px;
  padding: 0 28px;
}

.water-clips-card {
  border: 1px solid #dbe7e5;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(20, 60, 72, .06);
  padding: 28px 30px 20px;
}

.water-clips-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 22px;
}

.water-clips-header .eyebrow {
  display: inline-block;
  margin-bottom: 7px;
  color: #0ca6a0;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
}

.water-clips-header h2 {
  margin: 0 0 7px;
  color: #123d4b;
  font-size: clamp(25px, 2.4vw, 34px);
  line-height: 1.12;
}

.water-clips-header p {
  max-width: 880px;
  margin: 0;
  color: #55727e;
  font-size: 15px;
  line-height: 1.55;
}

.water-clips-header-icon {
  flex: 0 0 58px;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: #e9f7f5;
  font-size: 28px;
}

.water-clips-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.water-clip-product {
  min-width: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #dce8e6;
  border-radius: 17px;
  background: #f9fcfb;
  padding: 17px;
}

.water-clip-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}

.water-clip-badge,
.water-clip-pack,
.water-clip-meta span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 700;
}

.water-clip-badge {
  background: #fff0c9;
  color: #8c5b00;
}

.water-clip-badge-neutral {
  background: #e8f5f3;
  color: #175966;
}

.water-clip-badge-blue {
  background: #edf1f3;
  color: #385766;
}

.water-clip-pack {
  padding: 0;
  color: #71858d;
  font-weight: 600;
}

.water-clip-image-wrap {
  width: 100%;
  height: 150px;
  margin-bottom: 12px;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e3ecea;
  display: grid;
  place-items: center;
}

.water-clip-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.water-clip-product h3 {
  margin: 0 0 6px;
  color: #123d4b;
  font-size: 18px;
  line-height: 1.25;
}

.water-clip-product p {
  margin: 0 0 13px;
  color: #607985;
  font-size: 13px;
  line-height: 1.45;
}

.water-clip-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  margin-bottom: 13px;
}

.water-clip-meta span {
  background: #eef4f3;
  color: #55727e;
}

.water-clip-meta strong {
  color: #123d4b;
  font-size: 17px;
}

.water-clip-button {
  width: 100%;
  min-height: 40px;
  padding: 0 14px;
  font-size: 13px;
}

.water-clips-footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 14px;
  color: #70858e;
  font-size: 11px;
}

@media (max-width: 900px) {
  .water-clips-section { margin: 22px auto 28px; padding: 0 18px; }
  .water-clips-grid { grid-template-columns: 1fr; }
  .water-clips-card { padding: 24px 20px 17px; }
}

@media (max-width: 600px) {
  .water-clips-header { align-items: flex-start; }
  .water-clips-header-icon { display: none; }
  .water-clips-footer { flex-direction: column; gap: 5px; }
}

/* V54 Amazon product imagery */
.featured-products-v8 .product-card-image { object-fit: cover; background: #fff; }
@media (max-width: 900px) { .water-clip-image-wrap { height: 170px; } }
@media (max-width: 600px) { .water-clip-image-wrap { height: 155px; } }

/* SolarPutzen CTA icon system */
.cta-icon{width:20px;height:20px;flex:0 0 20px;display:inline-block;vertical-align:middle;}
.header-cta .cta-icon{width:18px;height:18px;flex-basis:18px;}
.hero-primary .cta-icon{width:22px;height:22px;flex-basis:22px;}
.profi-cta-icon .cta-icon{width:34px;height:34px;flex-basis:34px;}
.btn.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.btn.hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;}

/* V70 Footer readability: section headings stay clearly readable on the dark footer. */
.site-footer .footer-grid h4 { color: #ffffff; }
.site-footer .footer-grid a { color: #d9e7e5; }
.site-footer .footer-grid a:hover { color: #ffffff; }
.site-footer .footer-bottom { color: #b9ceca; }


/* V93 — Top-10 Produktkarten: kompakter, schneller scanbar, alle Kerndaten auf einen Blick */
.top-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.top-grid .top-card{min-height:0;height:100%;border-radius:20px;overflow:hidden;border:1px solid #dce9e5;background:#fff;box-shadow:0 10px 28px rgba(15,53,47,.07)}
.top-card .top-img{height:172px;background:#f3f8f6;border-bottom:1px solid #e3eeeb;position:relative}
.top-card .top-img:after{inset:10px;border-radius:13px}
.top-card .top-img img{width:100%;height:100%;object-fit:contain;padding:10px 14px;position:relative;z-index:1}
.top-card .rank{top:10px;left:10px;width:30px;height:30px;font-size:11px}
.top-card .card-badge{top:10px;right:10px;padding:6px 8px;font-size:9px;max-width:74%;line-height:1.1}
.top-card .top-body{padding:14px 14px 13px;gap:9px;min-height:0;display:flex;flex-direction:column}
.top-card .top-body h3{font-size:16px;line-height:1.2;letter-spacing:-.25px;min-height:38px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.top-card .spec-grid{display:flex;flex-direction:column;gap:0;margin:0;border-top:1px solid #e6efed}
.top-card .spec-item{min-height:28px;padding:5px 1px;background:transparent;border:0;border-bottom:1px solid #e6efed;border-radius:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}
.top-card .spec-item:last-child{border-bottom:0}
.top-card .spec-label{font-size:9px;letter-spacing:.55px;margin:0;color:#6d7f7b;text-transform:none;font-weight:700}
.top-card .spec-value{font-size:10px;line-height:1.15;text-align:right;max-width:130px}
.top-card .spec-value.ok{color:#087e6a}
.top-card .spec-value.neutral{color:#7c8b88;font-weight:700}
.top-card .rating{min-height:18px;gap:5px;font-size:10px;margin-top:1px}
.top-card .stars{font-size:11px;letter-spacing:.3px}
.top-card .price{font-size:18px;min-height:48px;padding-top:3px;margin-top:0;line-height:1.08;justify-content:flex-end}
.top-card .price small{font-size:8px;margin-top:4px;line-height:1.1}
.top-card .card-cta{min-height:0;gap:6px;margin-top:1px}
.top-card .card-cta .compare-btn{height:34px;min-height:34px;border-radius:10px;padding:7px 8px;font-size:9px;font-weight:900}
.top-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,53,47,.10)}

@media(max-width:1350px){.top-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1080px){.top-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:560px){.top-grid{grid-template-columns:1fr}.top-card .top-img{height:210px}.top-card .top-body h3{font-size:18px}.top-card .spec-item{min-height:31px}.top-card .spec-value{font-size:11px}}

/* V95 — Bewertungen sichtbarer, Karten ohne unnötige Leerfläche */
.top-grid{align-items:start}
.top-grid .top-card{height:auto}
.top-card .top-body{flex:none;gap:7px;padding:13px 14px 11px}
.top-card .top-body h3{margin-bottom:1px}
.top-card .rating{min-height:23px;gap:7px;font-size:12px;margin-top:1px;line-height:1}
.top-card .stars{font-size:14px;letter-spacing:.4px;line-height:1}
.top-card .rating strong{font-size:12px}
.top-card .rating span{font-size:11px}
.top-card .price{min-height:0;padding-top:2px;margin-top:0;font-size:18px;line-height:1.05}
.top-card .price small{font-size:8px;margin-top:3px}
.top-card .card-cta{margin-top:1px;gap:6px;min-height:0}
.top-card .card-cta .compare-btn{height:32px;min-height:32px;padding:6px 8px}

/* V96 — FINAL: größere Bewertungen + maximal kompakte Karten ohne Leerraum */
.top-grid .top-card{
  height:auto !important;
  min-height:0 !important;
  align-self:start !important;
}
.top-grid .top-body{
  height:auto !important;
  min-height:0 !important;
  flex:none !important;
  padding:11px 13px 9px !important;
  gap:6px !important;
}
.top-grid .top-body h3{
  min-height:34px !important;
  margin:0 !important;
}
.top-grid .spec-grid{
  margin:0 !important;
}
.top-grid .spec-item{
  min-height:26px !important;
  padding:4px 1px !important;
}
.top-grid .rating{
  min-height:27px !important;
  height:27px !important;
  margin:1px 0 0 !important;
  gap:8px !important;
  font-size:13px !important;
  line-height:1 !important;
  align-items:center !important;
}
.top-grid .rating .stars{
  font-size:17px !important;
  letter-spacing:.5px !important;
  line-height:1 !important;
}
.top-grid .rating strong{
  font-size:14px !important;
  font-weight:900 !important;
}
.top-grid .rating span:not(.stars){
  font-size:12px !important;
}
.top-grid .price{
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  justify-content:flex-start !important;
  line-height:1 !important;
  font-size:18px !important;
}
.top-grid .price small{
  margin-top:3px !important;
  font-size:8px !important;
  line-height:1 !important;
}
.top-grid .card-cta{
  min-height:0 !important;
  height:auto !important;
  margin:1px 0 0 !important;
  padding:0 !important;
  gap:5px !important;
}
.top-grid .card-cta .compare-btn{
  height:31px !important;
  min-height:31px !important;
  padding:5px 7px !important;
}
@media(max-width:560px){
  .top-grid .top-body{padding:10px !important;gap:5px !important}
  .top-grid .rating .stars{font-size:16px !important}
  .top-grid .rating strong{font-size:13px !important}
  .top-grid .rating span:not(.stars){font-size:11px !important}
}

/* V101 — Top-10 Produktbilder etwas größer, weiterhin einheitlich */
.top-grid .top-card .top-img{
  height:230px !important;
}
.top-grid .top-card .top-img img{
  padding:0 !important;
  object-fit:contain !important;
}
@media(max-width:560px){
  .top-grid .top-card .top-img{height:255px !important}
}


/* V102 — Top-10 Produktbilder nochmals deutlich größer */
.top-grid .top-card .top-img{height:230px !important;}
.top-grid .top-card .top-img img{width:100% !important;height:100% !important;padding:0 !important;object-fit:contain !important;object-position:center !important;}
@media(max-width:560px){.top-grid .top-card .top-img{height:255px !important;}}


/* V103 — Top-10 Produktbilder nochmals deutlich größer */
.top-grid .top-card .top-img{height:280px !important;}
.top-grid .top-card .top-img img{width:100% !important;height:100% !important;padding:0 !important;object-fit:contain !important;object-position:center !important;}
@media(max-width:560px){.top-grid .top-card .top-img{height:300px !important;}}

/* V104 — Top-10 Produktbilder Desktop auf 320px vergrößert */
.top-grid .top-card .top-img{height:320px !important;}
.top-grid .top-card .top-img img{width:100% !important;height:100% !important;padding:0 !important;object-fit:contain !important;object-position:center !important;}
@media(max-width:560px){.top-grid .top-card .top-img{height:300px !important;}}

/* V105 — Produktbilder: größer dargestellt, damit die Bürsten selbst deutlich mehr Fläche einnehmen */
.top-grid .top-card .top-img{
  height:360px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.top-grid .top-card .top-img img{
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:scale(1.22) !important;
  transform-origin:center center !important;
}
@media(max-width:900px){
  .top-grid .top-card .top-img{height:340px !important;}
  .top-grid .top-card .top-img img{transform:scale(1.20) !important;}
}
@media(max-width:560px){
  .top-grid .top-card .top-img{height:320px !important;}
  .top-grid .top-card .top-img img{transform:scale(1.16) !important;}
}

/* V110 — Startseiten-Modul kompakt + Produktbilder vollständig sichtbar */
.featured-products-v8 .product-grid-featured{gap:16px;align-items:start}
.featured-products-v8 .product-card-featured{
  padding:12px;
  border-radius:18px;
  height:auto;
  min-height:0;
}
.featured-products-v8 .product-card-featured .badge{
  font-size:12px;
  padding:6px 9px;
  margin:0;
}
.featured-products-v8 .product-card-featured .product-image-wrap{
  height:175px !important;
  margin:8px 0 10px !important;
  border-radius:13px;
  overflow:hidden;
  background:#f7faf9;
}
.featured-products-v8 .product-card-featured .product-card-image{
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:contain !important;
  object-position:center center !important;
  padding:4px !important;
  transform:none !important;
}
.featured-products-v8 .product-card-featured h3{
  font-size:18px;
  line-height:1.16;
  margin:0 0 9px;
  min-height:0;
}
.featured-products-v8 .product-card-featured .product-meta{
  gap:6px;
  min-height:0;
  margin:0 0 8px;
}
.featured-products-v8 .product-card-featured .meta-chip{
  font-size:12px;
  line-height:1.15;
  padding:6px 8px;
}
.featured-products-v8 .product-card-featured .product-rating{
  margin:0 0 6px;
  font-size:12px;
  line-height:1.1;
}
.featured-products-v8 .product-card-featured .product-rating .stars{
  font-size:14px;
}
.featured-products-v8 .product-card-featured .product-price{
  min-height:0;
  margin:0 0 8px;
  font-size:20px;
  line-height:1.05;
}
.featured-products-v8 .product-card-featured .product-price small{
  font-size:10px;
}
.featured-products-v8 .product-card-featured .product-actions{
  margin:0 !important;
  padding:0 !important;
  gap:6px;
}
.featured-products-v8 .product-card-featured .product-actions .btn{
  min-height:38px;
  height:38px;
  padding:8px 11px;
  font-size:12px;
}
@media(max-width:980px){
  .featured-products-v8 .product-card-featured .product-image-wrap{height:190px !important}
}
@media(max-width:700px){
  .featured-products-v8 .product-card-featured .product-image-wrap{height:185px !important}
  .featured-products-v8 .product-card-featured{padding:11px}
}


/* V111 — Startseiten-Karten: technische Details kompakt, keine Längen in Titeln */
.featured-products-v8 .product-card-featured .product-specs-compact{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px 8px;
  margin:0 0 8px;
}
.featured-products-v8 .product-card-featured .product-specs-compact span{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:6px 8px;
  border:1px solid var(--color-border);
  border-radius:10px;
  background:#f7faf9;
  line-height:1.1;
}
.featured-products-v8 .product-card-featured .product-specs-compact span.wide{
  grid-column:1 / -1;
  flex-direction:row;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}
.featured-products-v8 .product-card-featured .product-specs-compact b{
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#648087;
}
.featured-products-v8 .product-card-featured .product-specs-compact strong{
  font-size:11px;
  color:var(--color-dark);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:700px){
  .featured-products-v8 .product-card-featured .product-specs-compact strong{font-size:12px}
}

/* V115 — Ausgewählte Produkte: Bilder etwas größer, Modul unverändert */
.featured-products-v8 .product-card-featured .product-card-image{
  transform:scale(1.18) !important;
  transform-origin:center center !important;
  padding:0 !important;
}
@media(max-width:980px){
  .featured-products-v8 .product-card-featured .product-card-image{transform:scale(1.15) !important;}
}
@media(max-width:700px){
  .featured-products-v8 .product-card-featured .product-card-image{transform:scale(1.12) !important;}
}


/* V116 – Ausgewählte Produkte: größere Bilder, vollständig sichtbar */
.product-card-featured .product-image-wrap {
  height: 250px !important;
  margin: 8px 0 8px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f4f8f6 !important;
}
.product-card-featured .product-card-image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}
.product-card-featured h3 { margin-top: 4px !important; margin-bottom: 9px !important; }
@media(max-width:980px){.product-card-featured .product-image-wrap{height:260px !important}}
@media(max-width:700px){.product-card-featured .product-image-wrap{height:245px !important}}

/* V117 – Ausgewählte Produkte: Bilder vollständig sichtbar + technische Daten neu */
.featured-products-v8 .product-card-featured .product-image-wrap{
  height:270px !important;
  margin:4px 0 6px !important;
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
}

/* Wichtig: keine Skalierung mehr – dadurch wird kein Bild abgeschnitten. */
.featured-products-v8 .product-card-featured .product-card-image{
  transform:none !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}

.featured-products-v8 .product-card-featured h3{
  margin:2px 0 7px !important;
  font-size:18px !important;
  line-height:1.15 !important;
}

/* Kompakte technische Daten – weniger Kacheloptik, besser an den Website-Stil angepasst. */
.featured-products-v8 .product-card-featured .product-specs-compact{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:4px 16px !important;
  margin:0 0 7px !important;
  padding:7px 0 6px !important;
  border-top:1px solid var(--color-border) !important;
  border-bottom:1px solid var(--color-border) !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact span{
  min-width:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:7px !important;
  padding:2px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  line-height:1.15 !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact span.wide{
  grid-column:1 / -1 !important;
  padding-top:3px !important;
  border-top:1px dashed #d7e3df !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact b{
  flex:0 0 auto !important;
  font-size:9px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.045em !important;
  color:#71868b !important;
  font-weight:700 !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact strong{
  min-width:0 !important;
  font-size:11px !important;
  line-height:1.15 !important;
  color:var(--color-dark) !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-align:right !important;
}

.featured-products-v8 .product-card-featured .product-rating{
  margin:0 0 5px !important;
  font-size:12px !important;
}
.featured-products-v8 .product-card-featured .product-rating .stars{
  font-size:15px !important;
}
.featured-products-v8 .product-card-featured .product-price{
  margin:0 0 7px !important;
  font-size:20px !important;
}
.featured-products-v8 .product-card-featured .product-actions .btn{
  min-height:38px !important;
  height:38px !important;
}

@media(max-width:980px){
  .featured-products-v8 .product-card-featured .product-image-wrap{height:255px !important}
}
@media(max-width:700px){
  .featured-products-v8 .product-card-featured .product-image-wrap{height:235px !important}
  .featured-products-v8 .product-card-featured .product-specs-compact{gap:3px 12px !important}
  .featured-products-v8 .product-card-featured .product-specs-compact strong{font-size:12px !important}
}

/* V118 – Ausgewählte Produkte: etwas kleinere Bilder + übersichtlichere technische Daten */
.featured-products-v8 .product-card-featured .product-image-wrap{
  height:250px !important;
  margin:4px 0 7px !important;
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
}
.featured-products-v8 .product-card-featured .product-card-image{
  transform:none !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  column-gap:18px !important;
  row-gap:0 !important;
  margin:1px 0 7px !important;
  padding:3px 0 2px !important;
  border-top:1px solid #dce9e5 !important;
  border-bottom:1px solid #dce9e5 !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact span{
  min-width:0 !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding:5px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border-bottom:1px solid #edf3f1 !important;
  line-height:1.15 !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact span:nth-child(3),
.featured-products-v8 .product-card-featured .product-specs-compact span:nth-child(4){
  border-bottom:0 !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact span.wide{
  grid-column:1 / -1 !important;
  padding:5px 0 4px !important;
  border-top:1px solid #e7efed !important;
  border-bottom:0 !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact b{
  flex:0 0 auto !important;
  font-size:8.5px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
  color:#6b8186 !important;
  font-weight:800 !important;
}
.featured-products-v8 .product-card-featured .product-specs-compact strong{
  min-width:0 !important;
  font-size:11.5px !important;
  line-height:1.15 !important;
  color:var(--color-dark) !important;
  font-weight:750 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-align:right !important;
}
@media(max-width:980px){
  .featured-products-v8 .product-card-featured .product-image-wrap{height:235px !important}
}
@media(max-width:700px){
  .featured-products-v8 .product-card-featured .product-image-wrap{height:220px !important}
  .featured-products-v8 .product-card-featured .product-specs-compact{column-gap:12px !important}
  .featured-products-v8 .product-card-featured .product-specs-compact b{font-size:8.5px !important}
  .featured-products-v8 .product-card-featured .product-specs-compact strong{font-size:11.5px !important}
}

/* V123 – Ausgewählte Produkte: Preis & Bewertung harmonisch zusammenführen */
.featured-products-v8 .product-card-featured .price-rating-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  column-gap:18px !important;
  margin:8px 0 8px !important;
  padding:10px 0 9px !important;
  border-top:1px solid #e2ece9 !important;
  border-bottom:0 !important;
}
.featured-products-v8 .product-card-featured .price-rating-row .product-price{
  margin:0 !important;
  font-size:22px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
.featured-products-v8 .product-card-featured .price-rating-row .product-rating{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:3px !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  font-size:11px !important;
  color:#60787d !important;
}
.featured-products-v8 .product-card-featured .price-rating-row .product-rating .stars{
  font-size:18px !important;
  letter-spacing:.8px !important;
  line-height:1 !important;
}
.featured-products-v8 .product-card-featured .price-rating-row .product-rating > span:last-child{
  font-size:11px !important;
  line-height:1.1 !important;
  color:#60787d !important;
}
.featured-products-v8 .product-card-featured .price-rating-row .product-rating > span:last-child strong{
  color:var(--color-dark) !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.featured-products-v8 .product-card-featured .product-actions{
  margin-top:0 !important;
}
@media(max-width:980px){
  .featured-products-v8 .product-card-featured .price-rating-row{column-gap:12px !important;}
  .featured-products-v8 .product-card-featured .price-rating-row .product-price{font-size:20px !important;}
  .featured-products-v8 .product-card-featured .price-rating-row .product-rating .stars{font-size:17px !important;}
}
@media(max-width:700px){
  .featured-products-v8 .product-card-featured .price-rating-row{
    grid-template-columns:minmax(0,1fr) auto !important;
    column-gap:10px !important;
    padding-top:8px !important;
  }
  .featured-products-v8 .product-card-featured .price-rating-row .product-price{font-size:19px !important;}
  .featured-products-v8 .product-card-featured .price-rating-row .product-rating .stars{font-size:16px !important;}
}

/* V124 – Ausgewählte Produkte: Bewertung links, Preis rechts */
.featured-products-v8 .product-card-featured .price-rating-row{
  grid-template-columns:minmax(0,1fr) auto !important;
  column-gap:18px !important;
}
.featured-products-v8 .product-card-featured .price-rating-row .product-rating{
  order:1 !important;
  align-items:flex-start !important;
  justify-self:start !important;
  text-align:left !important;
}
.featured-products-v8 .product-card-featured .price-rating-row .product-price{
  order:2 !important;
  justify-self:end !important;
  text-align:right !important;
}
@media(max-width:700px){
  .featured-products-v8 .product-card-featured .price-rating-row{column-gap:10px !important}
  .featured-products-v8 .product-card-featured .price-rating-row .product-rating{align-items:flex-start !important}
}


/* V125 – tatsächliche Bewertungsfüllung für die drei ausgewählten Produkte */
.featured-products-v8 .product-card-featured .price-rating-row .product-rating .stars{
  color:transparent !important;
  background-image:linear-gradient(90deg, #F5B83D 0%, #F5B83D calc(var(--rating, 0) * 20%), #D7DFDB calc(var(--rating, 0) * 20%), #D7DFDB 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  background-repeat:no-repeat !important;
}

/* V138 – Top-Empfehlung: Sterne über Bewertung, SolarPutzen-Icon darunter */
.finder-why-head .finder-top-rating{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  grid-template-rows:auto auto auto !important;
  align-items:center !important;
  justify-items:start !important;
  column-gap:7px !important;
  row-gap:2px !important;
  min-width:145px !important;
  margin:0 !important;
  white-space:normal !important;
}
.finder-why-head .finder-top-rating .finder-result-stars{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  display:block !important;
  font-size:22px !important;
  line-height:1 !important;
  letter-spacing:1px !important;
}
.finder-why-head .finder-top-rating strong{
  grid-column:1 !important;
  grid-row:2 !important;
  font-size:18px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  color:#122b35 !important;
}
.finder-why-head .finder-top-rating > span:not(.finder-result-stars){
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:center !important;
  font-size:11px !important;
  line-height:1.15 !important;
  color:#607d8b !important;
  white-space:nowrap !important;
}
.finder-why-head .finder-top-rating .finder-result-brand-icon{
  grid-column:1 / -1 !important;
  grid-row:3 !important;
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  margin:4px 0 0 !important;
  display:block !important;
}
@media(max-width:800px){
  .finder-why-head .finder-top-rating{min-width:130px !important;}
  .finder-why-head .finder-top-rating .finder-result-stars{font-size:20px !important;}
}
@media(max-width:560px){
  .finder-why-head .finder-top-rating{min-width:0 !important;}
  .finder-why-head .finder-top-rating .finder-result-stars{font-size:19px !important;}
  .finder-why-head .finder-top-rating strong{font-size:16px !important;}
  .finder-why-head .finder-top-rating > span:not(.finder-result-stars){font-size:10px !important;}
  .finder-why-head .finder-top-rating .finder-result-brand-icon{width:34px !important;height:34px !important;}
}

/* V152 – Alternativen ausschließlich neu gestaltet; Top-Empfehlung und Reiniger unverändert */
.finder-alternatives-v10 .finder-alt-grid-v10{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.finder-alternatives-v10 .finder-alt-card-v10{
  display:grid !important;
  grid-template-rows:205px 1fr !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid var(--color-border,#d8e5e1) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(20,55,60,.06) !important;
}
.finder-alternatives-v10 .finder-alt-media{
  position:relative !important;
  height:205px !important;
  min-height:205px !important;
  padding:12px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f3f8f6 !important;
  border-bottom:1px solid var(--color-border,#d8e5e1) !important;
  overflow:hidden !important;
}
.finder-alternatives-v10 .finder-alt-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
}
.finder-alternatives-v10 .finder-alt-rank{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  z-index:3 !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#103d3d !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:16px !important;
}
.finder-alternatives-v10 .finder-alt-source{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:3 !important;
  padding:9px 13px !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 5px 16px rgba(20,55,60,.10) !important;
  font-size:12px !important;
  font-weight:900 !important;
  color:#0b5d58 !important;
}
.finder-alternatives-v10 .finder-alt-body{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  padding:14px 18px 16px !important;
}
.finder-alternatives-v10 .finder-alt-kicker{
  margin:0 0 4px !important;
  color:#008f82 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.finder-alternatives-v10 .finder-alt-body h4{
  margin:0 0 10px !important;
  min-height:42px !important;
  color:#092f3d !important;
  font-size:20px !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
  font-weight:900 !important;
}
.finder-alternatives-v10 .finder-alt-meta{
  display:none !important;
}
.finder-alternatives-v10 .finder-alt-details{
  display:flex !important;
  flex-direction:column !important;
  border-top:1px solid var(--color-border,#d8e5e1) !important;
  border-bottom:1px solid var(--color-border,#d8e5e1) !important;
  margin:0 !important;
}
.finder-alternatives-v10 .finder-alt-detail{
  min-height:32px !important;
  padding:6px 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid #e4ece9 !important;
}
.finder-alternatives-v10 .finder-alt-detail:last-child{border-bottom:0 !important;}
.finder-alternatives-v10 .finder-alt-detail span{
  color:#668087 !important;
  font-size:12px !important;
  font-weight:800 !important;
}
.finder-alternatives-v10 .finder-alt-detail strong{
  color:#092f3d !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-align:right !important;
  max-width:62% !important;
}
.finder-alternatives-v10 .finder-alt-rating{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:32px !important;
  margin-top:8px !important;
}
.finder-alternatives-v10 .finder-alt-stars{
  color:#f5a623 !important;
  font-size:18px !important;
  line-height:1 !important;
  letter-spacing:1px !important;
  white-space:nowrap !important;
}
.finder-alternatives-v10 .finder-alt-rating strong{
  color:#092f3d !important;
  font-size:16px !important;
  font-weight:900 !important;
}
.finder-alternatives-v10 .finder-alt-rating > span:last-child{
  color:#60777d !important;
  font-size:12px !important;
}
.finder-alternatives-v10 .finder-alt-footer{
  margin-top:auto !important;
  padding-top:8px !important;
  display:flex !important;
  align-items:end !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.finder-alternatives-v10 .finder-alt-price{
  color:#092f3d !important;
  font-size:21px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}
.finder-alternatives-v10 .finder-alt-price small{
  display:block !important;
  margin-top:3px !important;
  color:#71858a !important;
  font-size:10px !important;
  line-height:1.1 !important;
  font-weight:500 !important;
  white-space:normal !important;
}
.finder-alternatives-v10 .finder-alt-footer .btn{
  flex:0 0 auto !important;
  min-height:42px !important;
  height:42px !important;
  padding:10px 17px !important;
  border-radius:11px !important;
  font-size:12px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
@media(max-width:800px){
  .finder-alternatives-v10 .finder-alt-grid-v10{grid-template-columns:1fr !important;}
}
@media(max-width:520px){
  .finder-alternatives-v10 .finder-alt-card-v10{grid-template-rows:190px 1fr !important;}
  .finder-alternatives-v10 .finder-alt-media{height:190px !important;min-height:190px !important;padding:10px 14px !important;}
  .finder-alternatives-v10 .finder-alt-body{padding:13px 14px 14px !important;}
  .finder-alternatives-v10 .finder-alt-body h4{font-size:18px !important;min-height:0 !important;}
  .finder-alternatives-v10 .finder-alt-footer{align-items:stretch !important;flex-direction:column !important;}
  .finder-alternatives-v10 .finder-alt-footer .btn{width:100% !important;}
}


/* V157 – Feinschliff Alternativen: kompakter, größere Bilder, keine Ausstattung/Bewertungen */
.finder-alternatives-v10 .finder-alt-grid-v10{
  gap:14px !important;
}
.finder-alternatives-v10 .finder-alt-card-v10{
  grid-template-rows:220px 1fr !important;
  border-radius:16px !important;
  box-shadow:0 6px 18px rgba(20,55,60,.055) !important;
}
.finder-alternatives-v10 .finder-alt-media{
  height:220px !important;
  min-height:220px !important;
  padding:8px 14px !important;
}
.finder-alternatives-v10 .finder-alt-media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}
.finder-alternatives-v10 .finder-alt-rank{
  top:10px !important;
  left:10px !important;
  width:36px !important;
  height:36px !important;
  font-size:15px !important;
}
.finder-alternatives-v10 .finder-alt-source{
  top:10px !important;
  right:10px !important;
  padding:8px 11px !important;
  font-size:11px !important;
}
.finder-alternatives-v10 .finder-alt-body{
  padding:11px 16px 13px !important;
}
.finder-alternatives-v10 .finder-alt-kicker{
  margin-bottom:3px !important;
  font-size:9px !important;
  letter-spacing:.07em !important;
}
.finder-alternatives-v10 .finder-alt-body h4{
  margin-bottom:7px !important;
  min-height:0 !important;
  font-size:19px !important;
  line-height:1.12 !important;
}
.finder-alternatives-v10 .finder-alt-details{
  border-top:1px solid #dfe9e6 !important;
  border-bottom:1px solid #dfe9e6 !important;
}
.finder-alternatives-v10 .finder-alt-detail{
  min-height:29px !important;
  padding:5px 0 !important;
}
.finder-alternatives-v10 .finder-alt-detail span{
  font-size:11px !important;
}
.finder-alternatives-v10 .finder-alt-detail strong{
  font-size:12px !important;
  max-width:60% !important;
}
.finder-alternatives-v10 .finder-alt-rating{
  display:none !important;
}
.finder-alternatives-v10 .finder-alt-footer{
  padding-top:7px !important;
  gap:10px !important;
}
.finder-alternatives-v10 .finder-alt-price{
  font-size:19px !important;
}
.finder-alternatives-v10 .finder-alt-price small{
  font-size:9px !important;
}
.finder-alternatives-v10 .finder-alt-footer .btn{
  min-height:38px !important;
  height:38px !important;
  padding:8px 14px !important;
  border-radius:10px !important;
  font-size:11px !important;
}
@media(max-width:520px){
  .finder-alternatives-v10 .finder-alt-card-v10{
    grid-template-rows:205px 1fr !important;
  }
  .finder-alternatives-v10 .finder-alt-media{
    height:205px !important;
    min-height:205px !important;
  }
}


/* V158 – Alternativen im gleichen Aufbau wie die Reinigungsmittel */
.finder-alternatives-v10{
  margin-top:18px !important;
  padding:18px !important;
  border:1px solid #dce8e5 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fbfefd 0%,#f3f8f6 100%) !important;
}
.finder-alternatives-v10 .finder-section-heading{
  margin-bottom:12px !important;
}
.finder-alternatives-v10 .finder-alt-grid-v10{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:12px !important;
}
.finder-alternatives-v10 .finder-alt-card-v10{
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr) !important;
  grid-template-rows:none !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  padding:0 !important;
  border:1px solid #dce8e5 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.finder-alternatives-v10 .finder-alt-media{
  position:relative !important;
  height:100% !important;
  min-height:230px !important;
  padding:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#edf5f2 !important;
  border:0 !important;
  overflow:hidden !important;
}
.finder-alternatives-v10 .finder-alt-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:230px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
}
.finder-alternatives-v10 .finder-alt-rank{
  top:10px !important;
  left:10px !important;
  width:34px !important;
  height:34px !important;
  font-size:14px !important;
}
.finder-alternatives-v10 .finder-alt-source{
  top:10px !important;
  right:10px !important;
  padding:6px 9px !important;
  font-size:10px !important;
  box-shadow:0 3px 10px rgba(20,55,60,.08) !important;
}
.finder-alternatives-v10 .finder-alt-body{
  min-width:0 !important;
  padding:14px !important;
  display:flex !important;
  flex-direction:column !important;
}
.finder-alternatives-v10 .finder-alt-kicker{
  margin:0 0 4px !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.07em !important;
}
.finder-alternatives-v10 .finder-alt-body h4{
  margin:0 0 9px !important;
  min-height:0 !important;
  font-size:16px !important;
  line-height:1.18 !important;
  letter-spacing:-.01em !important;
}
.finder-alternatives-v10 .finder-alt-details{
  margin:0 !important;
  border-top:1px solid #e1eae7 !important;
  border-bottom:1px solid #e1eae7 !important;
}
.finder-alternatives-v10 .finder-alt-detail{
  min-height:28px !important;
  padding:5px 0 !important;
}
.finder-alternatives-v10 .finder-alt-detail span{
  font-size:10px !important;
  font-weight:700 !important;
}
.finder-alternatives-v10 .finder-alt-detail strong{
  font-size:11px !important;
  max-width:60% !important;
}
.finder-alternatives-v10 .finder-alt-footer{
  margin-top:auto !important;
  padding-top:9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
}
.finder-alternatives-v10 .finder-alt-price{
  font-size:17px !important;
  line-height:1.05 !important;
}
.finder-alternatives-v10 .finder-alt-price small{
  font-size:8px !important;
  margin-top:2px !important;
}
.finder-alternatives-v10 .finder-alt-footer .btn{
  min-height:36px !important;
  height:36px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  font-size:10px !important;
}
@media(max-width:900px){
  .finder-alternatives-v10 .finder-alt-grid-v10{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:800px){
  .finder-alternatives-v10 .finder-alt-card-v10{
    grid-template-columns:160px minmax(0,1fr) !important;
  }
  .finder-alternatives-v10 .finder-alt-media{
    min-height:210px !important;
  }
  .finder-alternatives-v10 .finder-alt-media img{
    max-height:210px !important;
  }
}
@media(max-width:560px){
  .finder-alternatives-v10{
    padding:14px !important;
  }
  .finder-alternatives-v10 .finder-alt-card-v10{
    grid-template-columns:125px minmax(0,1fr) !important;
  }
  .finder-alternatives-v10 .finder-alt-media{
    min-height:190px !important;
    padding:7px !important;
  }
  .finder-alternatives-v10 .finder-alt-media img{
    max-height:190px !important;
  }
  .finder-alternatives-v10 .finder-alt-body{
    padding:11px !important;
  }
  .finder-alternatives-v10 .finder-alt-body h4{
    font-size:15px !important;
  }
  .finder-alternatives-v10 .finder-alt-footer{
    align-items:stretch !important;
    flex-direction:column !important;
  }
  .finder-alternatives-v10 .finder-alt-footer .btn{
    width:100% !important;
  }
}


/* SolarPutzen V178 – Wasserablaufclips auf die Breite der übrigen Homepage-Module bringen */
.homepage-small-accessories-section.water-clips-section,
.water-clips-section.homepage-small-accessories-section {
  width: 100%;
  max-width: 1180px !important;
  margin: 26px auto 34px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}
.homepage-small-accessories-section .water-clips-card {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1220px) {
  .homepage-small-accessories-section.water-clips-section,
  .water-clips-section.homepage-small-accessories-section {
    max-width: calc(100% - 36px) !important;
  }
}
@media (max-width: 600px) {
  .homepage-small-accessories-section.water-clips-section,
  .water-clips-section.homepage-small-accessories-section {
    max-width: calc(100% - 28px) !important;
    margin-top: 18px !important;
    margin-bottom: 24px !important;
  }
}


/* SolarPutzen V179 – Startseite Gesamt-Rhythmus
   Einheitliche Modulbreiten, vertikale Abstände und kompaktere Übergänge. */
@media (min-width: 901px){
  .featured-products-v8 > .container,
  .finder-v8-section > .container,
  .homepage-ratgeber-section > .container,
  .bg-alt > .container{
    max-width:1180px !important;
  }

  .featured-products-v8{
    padding-top:42px !important;
    padding-bottom:38px !important;
  }
  .featured-products-v8 > .container{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .finder-v8-section{
    padding-top:36px !important;
    padding-bottom:42px !important;
  }

  .profi-cta-section{
    max-width:1180px !important;
    margin:36px auto 40px !important;
    padding:0 !important;
  }

  .homepage-small-accessories-section.water-clips-section,
  .water-clips-section.homepage-small-accessories-section{
    max-width:1180px !important;
    margin:34px auto 38px !important;
    padding:0 !important;
  }

  .homepage-ratgeber-section{
    padding-top:40px !important;
    padding-bottom:42px !important;
    margin:0 !important;
  }

  .homepage-ratgeber-section .section-header{
    margin-bottom:24px !important;
  }

  .bg-alt{
    padding-top:42px !important;
    padding-bottom:46px !important;
  }

  .bg-alt .section-header{
    margin-bottom:24px !important;
  }
}

@media (max-width: 900px){
  .featured-products-v8{
    padding-top:34px !important;
    padding-bottom:30px !important;
  }

  .finder-v8-section{
    padding-top:30px !important;
    padding-bottom:34px !important;
  }

  .profi-cta-section{
    margin:28px auto 32px !important;
  }

  .homepage-small-accessories-section.water-clips-section,
  .water-clips-section.homepage-small-accessories-section{
    margin:28px auto 32px !important;
  }

  .homepage-ratgeber-section{
    padding-top:34px !important;
    padding-bottom:36px !important;
  }

  .homepage-ratgeber-section .section-header,
  .bg-alt .section-header{
    margin-bottom:22px !important;
  }

  .bg-alt{
    padding-top:36px !important;
    padding-bottom:38px !important;
  }
}

@media (max-width: 600px){
  .featured-products-v8{
    padding-top:28px !important;
    padding-bottom:26px !important;
  }

  .finder-v8-section{
    padding-top:26px !important;
    padding-bottom:30px !important;
  }

  .profi-cta-section{
    margin:22px auto 26px !important;
  }

  .homepage-small-accessories-section.water-clips-section,
  .water-clips-section.homepage-small-accessories-section{
    margin:22px auto 26px !important;
  }

  .homepage-ratgeber-section{
    padding-top:28px !important;
    padding-bottom:30px !important;
  }

  .bg-alt{
    padding-top:30px !important;
    padding-bottom:32px !important;
  }
}


/* SolarPutzen V181 – „So funktioniert’s“ kompakter und sauber in den Seitenrhythmus integriert */
.homepage-how-section{
  max-width:1180px !important;
  margin:0 auto !important;
  padding-top:24px !important;
  padding-bottom:24px !important;
}
.homepage-how-section > .container{
  max-width:1040px !important;
}
.homepage-how-section .section-header{
  margin-bottom:18px !important;
}
.homepage-how-section .section-header h2{
  margin-bottom:6px !important;
}
.homepage-how-section .section-header p{
  margin-bottom:0 !important;
}
.homepage-how-section .finder-v8{
  max-width:1040px !important;
  margin:0 auto !important;
  padding:22px 26px !important;
  border-radius:18px !important;
}
.homepage-how-section .finder-v8-heading{
  margin-bottom:16px !important;
}
.homepage-how-section .finder-v8-steps{
  gap:12px !important;
}
.homepage-how-section .finder-v8-step{
  padding:13px 14px !important;
}
.homepage-how-section .finder-v8-action{
  margin-top:16px !important;
}
@media(max-width:900px){
  .homepage-how-section{
    padding-top:20px !important;
    padding-bottom:20px !important;
  }
  .homepage-how-section > .container{
    max-width:calc(100% - 36px) !important;
  }
  .homepage-how-section .finder-v8{
    padding:20px 22px !important;
  }
}
@media(max-width:600px){
  .homepage-how-section{
    padding-top:16px !important;
    padding-bottom:16px !important;
  }
  .homepage-how-section > .container{
    max-width:calc(100% - 28px) !important;
  }
  .homepage-how-section .finder-v8{
    padding:18px 16px !important;
  }
  .homepage-how-section .section-header{
    margin-bottom:14px !important;
  }
}


/* SolarPutzen V182 – Ratgeberkarten: gleichmäßige Höhen, größere Karten, CTA bündig */
.homepage-ratgeber-section .article-grid{
  gap:22px !important;
  align-items:stretch !important;
}
.homepage-ratgeber-section .article-card{
  min-height:318px !important;
  padding:28px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  box-sizing:border-box !important;
  border:1px solid #D8E5E1 !important;
  border-radius:18px !important;
}
.homepage-ratgeber-section .article-card .eyebrow{
  height:12px !important;
  min-height:12px !important;
  margin-bottom:12px !important;
}
.homepage-ratgeber-section .article-card h3{
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  margin:0 0 12px !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  font-size:20px !important;
  line-height:25px !important;
}
.homepage-ratgeber-section .article-card p{
  height:63px !important;
  min-height:63px !important;
  max-height:63px !important;
  margin:0 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
  font-size:14px !important;
  line-height:21px !important;
}
.homepage-ratgeber-section .article-card .btn-ghost{
  margin-top:auto !important;
  width:100% !important;
  height:40px !important;
  min-height:40px !important;
  padding:10px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border-radius:9px !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:700 !important;
}
.homepage-ratgeber-section .article-card .btn-ghost:hover{text-decoration:none !important;}
.homepage-ratgeber-section .mt-40{margin-top:26px !important;}
@media(max-width:900px){
  .homepage-ratgeber-section .article-card{min-height:300px !important;padding:24px !important;}
}
@media(max-width:620px){
  .homepage-ratgeber-section .article-grid{gap:14px !important;}
  .homepage-ratgeber-section .article-card{min-height:0 !important;padding:22px !important;}
}


/* SolarPutzen V187 – nur Größen, Höhen und Abstände harmonisieren.
   Inhalt und Texte bleiben unverändert. */

/* Gemeinsamer Seitenrhythmus */
.homepage-ratgeber-section .section-header,
.homepage-small-accessories-section .section-header{
  margin-bottom:24px !important;
}

/* Ratgeber: identische Überschriften-, Text- und CTA-Höhen */
.homepage-ratgeber-section .article-grid{
  align-items:stretch !important;
  gap:22px !important;
}
.homepage-ratgeber-section .article-card{
  min-height:318px !important;
  padding:28px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
}
.homepage-ratgeber-section .article-card h3{
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  margin:0 0 12px !important;
  font-size:20px !important;
  line-height:25px !important;
  overflow:hidden !important;
}
.homepage-ratgeber-section .article-card p{
  height:63px !important;
  min-height:63px !important;
  max-height:63px !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:21px !important;
  overflow:hidden !important;
}
.homepage-ratgeber-section .article-card .btn-ghost{
  margin-top:auto !important;
  width:100% !important;
  height:40px !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

/* Zubehör: gleiche Überschriften-/Beschreibungshierarchie, kompakter Seitenabstand */
.homepage-small-accessories-section{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.homepage-small-accessories-section .section-header h2{
  font-size:clamp(24px,3vw,34px) !important;
  line-height:1.15 !important;
  margin-bottom:8px !important;
}
.homepage-small-accessories-section .section-header p{
  font-size:15px !important;
  line-height:1.5 !important;
  margin-bottom:0 !important;
}

/* Profi-Modul: Textgröße beibehalten, CTA sauber auf einer einheitlichen Basislinie */
.profi-cta-copy h2{
  line-height:1.1 !important;
}
.profi-cta-copy p{
  line-height:1.55 !important;
}
.profi-cta-button{
  min-height:54px !important;
}

/* Einheitliche Abstände zwischen großen Homepage-Bereichen */
.homepage-ratgeber-section{
  padding-top:40px !important;
  padding-bottom:42px !important;
}
.homepage-small-accessories-section{
  padding-top:0 !important;
  padding-bottom:30px !important;
}

@media(max-width:900px){
  .homepage-ratgeber-section{
    padding-top:34px !important;
    padding-bottom:36px !important;
  }
  .homepage-ratgeber-section .article-card{
    min-height:300px !important;
    padding:24px !important;
  }
}
@media(max-width:620px){
  .homepage-ratgeber-section{
    padding-top:28px !important;
    padding-bottom:30px !important;
  }
  .homepage-ratgeber-section .article-grid{
    gap:14px !important;
  }
  .homepage-ratgeber-section .article-card{
    min-height:0 !important;
    padding:22px !important;
  }
}


/* SolarPutzen V189 – Profi/Zubehör-Section-Labels exakt wie Empfehlungen,
   „So funktioniert's“ und „Ratgeber“ */
.profi-cta-section .profi-cta-copy .eyebrow,
.homepage-small-accessories-section .water-clips-header .eyebrow{
  display:inline-block !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:normal !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  margin-bottom:12px !important;
  height:auto !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}


/* SolarPutzen V190 – Hero-Textfläche bis an das Bild und auf volle Bildhöhe */
@media (min-width:901px){
  .hero-v7-inner{
    align-items:stretch !important;
    gap:0 !important;
  }
  .hero-v7 .hero-copy{
    height:auto !important;
    min-height:610px !important;
    box-sizing:border-box !important;
    align-self:stretch !important;
    padding:76px 52px 72px 52px !important;
    background:linear-gradient(105deg,#fff 0%,#fff 78%,rgba(247,249,248,.98) 100%) !important;
  }
  .hero-v7 .hero-photo{
    height:auto !important;
    min-height:610px !important;
    align-self:stretch !important;
  }
}


/* SolarPutzen V191 – Hero Feinschliff: Textfläche und Bild optisch als eine Einheit */
@media (min-width:901px){
  .hero-v7{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .hero-v7-inner{
    width:100% !important;
    max-width:1400px !important;
    margin:0 auto !important;
    grid-template-columns:minmax(0,43%) minmax(0,57%) !important;
    gap:0 !important;
    align-items:stretch !important;
    min-height:610px !important;
    overflow:hidden !important;
  }
  .hero-v7 .hero-copy{
    min-height:610px !important;
    height:100% !important;
    box-sizing:border-box !important;
    justify-content:center !important;
    padding:72px 54px 68px 54px !important;
    background:#fff !important;
    position:relative !important;
  }
  .hero-v7 .hero-copy:after{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    right:-1px !important;
    width:34px !important;
    height:100% !important;
    background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.72) 35%,rgba(255,255,255,0) 100%) !important;
    pointer-events:none !important;
    z-index:3 !important;
  }
  .hero-v7 .hero-photo{
    min-height:610px !important;
    height:100% !important;
    background-size:cover !important;
    background-position:center center !important;
    position:relative !important;
  }
  .hero-v7 .hero-photo:before{
    background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.35) 3%,rgba(255,255,255,0) 12%) !important;
  }
}
@media (max-width:900px){
  .hero-v7{
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
  .hero-v7-inner{
    gap:0 !important;
  }
}


/* SolarPutzen V193 – Profi-CTA auf die Text-Innenkante ausrichten */
.profi-cta-section .profi-cta-copy{
  position:relative !important;
  padding-bottom:110px !important;
}
.profi-cta-section .profi-cta-button{
  position:absolute !important;
  left:64px !important;
  right:auto !important;
  bottom:34px !important;
  transform:none !important;
  margin:0 !important;
}
@media(max-width:900px){
  .profi-cta-section .profi-cta-copy{
    padding-bottom:100px !important;
  }
  .profi-cta-section .profi-cta-button{
    left:40px !important;
    bottom:28px !important;
  }
}
@media(max-width:600px){
  .profi-cta-section .profi-cta-copy{
    padding-bottom:88px !important;
  }
  .profi-cta-section .profi-cta-button{
    left:24px !important;
    bottom:24px !important;
  }
}


/* SolarPutzen V197 – Vergleichs-Hero Premium-Feinschliff */
.compare-hero-main{
  position:relative;
  overflow:hidden;
}
.compare-hero-main:after{
  width:300px;
  height:300px;
  right:-150px;
  bottom:-175px;
  opacity:.75;
}

.compare-hero-side{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:100%;
  padding:30px !important;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(7,54,62,.94) 0%,rgba(7,54,62,.82) 42%,rgba(7,54,62,.48) 100%),
    url("assets/images/solar-cleaning-hero.jpg") center center / cover no-repeat !important;
  border-color:#d4e5e1;
  box-shadow:0 16px 42px rgba(15,53,47,.09);
}
.compare-hero-side:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,0) 48%);
  z-index:-1;
  pointer-events:none;
}
.compare-hero-side .side-label{
  color:#b9fff0 !important;
  text-shadow:0 1px 12px rgba(0,0,0,.18);
}
.compare-hero-side .side-title{
  color:#fff !important;
  max-width:460px;
  text-shadow:0 2px 14px rgba(0,0,0,.22);
}
.compare-hero-side .side-stats{
  background:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.compare-hero-side .side-stat strong{
  color:#075847 !important;
}
.compare-hero-side .side-stat span{
  color:#5d716d !important;
}
.compare-hero-side .side-note{
  color:#fff !important;
  text-shadow:0 1px 10px rgba(0,0,0,.20);
  max-width:520px;
}
@media(max-width:900px){
  .compare-hero-side{
    min-height:390px;
    padding:26px 24px !important;
  }
}
@media(max-width:600px){
  .compare-hero-side{
    min-height:430px;
    padding:24px 20px !important;
    background-position:center center !important;
  }
}


/* SolarPutzen V198 – Hintergrundverlauf im Auswahl-Modul umgedreht */
.compare-hero-side{
  background:
    linear-gradient(90deg,
      rgba(7,54,62,.28) 0%,
      rgba(7,54,62,.55) 42%,
      rgba(7,54,62,.94) 100%),
    url("assets/images/solar-cleaning-hero.jpg") center center / cover no-repeat !important;
}


/* SolarPutzen V199 – Auswahl-Statistik: nur die abgerundeten Boxen sichtbar */
.compare-hero-side .side-stats{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}


/* SolarPutzen V218 – FINAL: Profi-CTA exakt auf die kompakte Hero-CTA-Höhe bringen */
.profi-cta-section .profi-cta-button{
  width:max-content !important;
  min-width:0 !important;
  max-width:max-content !important;
  height:50px !important;
  min-height:50px !important;
  max-height:50px !important;
  padding:0 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  box-sizing:border-box !important;
  line-height:1 !important;
  border-radius:999px !important;
  margin:0 !important;
}
.profi-cta-section .profi-cta-button .cta-icon{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
}
@media(max-width:600px){
  .profi-cta-section .profi-cta-button{
    width:100% !important;
    max-width:none !important;
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    padding:0 18px !important;
  }
}


/* SolarPutzen V219 – Über uns */
.about-page{padding:38px 0 70px}
.about-page>.container{width:min(1440px,calc(100% - 40px));max-width:none}
.about-hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:410px;overflow:hidden;border:1px solid var(--color-border);border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(18,59,74,.08)}
.about-hero-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}
.about-hero h1{margin:12px 0 16px;font-size:clamp(42px,4.2vw,62px);line-height:1.01;letter-spacing:-2px}
.about-hero h1 span{color:var(--color-teal)}
.about-hero-lede{max-width:650px;color:var(--color-text-muted);font-size:18px;line-height:1.6;margin:0}
.about-hero-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.about-hero-actions .btn{min-height:44px;padding:0 18px}
.about-hero-image{position:relative;min-height:410px;overflow:hidden;background:#eaf4f1}
.about-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.about-image-badge{position:absolute;left:22px;bottom:22px;max-width:310px;padding:13px 15px;border:1px solid rgba(255,255,255,.7);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(18,59,74,.13)}
.about-image-badge strong{display:block;font-size:13px}
.about-image-badge span{display:block;margin-top:4px;color:var(--color-text-muted);font-size:11px}
.about-story{display:grid;grid-template-columns:.88fr 1.12fr;gap:56px;align-items:center;padding:78px 34px}
.about-story-image{height:400px;overflow:hidden;border-radius:26px;background:#eef5f3}
.about-story-image img{width:100%;height:100%;object-fit:cover}
.about-story-copy{max-width:700px}
.about-story h2,.about-section-head h2,.about-how h2{margin:10px 0 16px;font-size:clamp(30px,3.1vw,44px);line-height:1.08;letter-spacing:-1.1px}
.about-story p,.about-section-head p,.about-how-copy>p{color:var(--color-text-muted);font-size:16px;line-height:1.7}
.about-story p+p{margin-top:12px}
.about-principles{padding:52px 34px 66px;border-radius:30px;background:linear-gradient(135deg,#f0f8f5,#fff 72%);border:1px solid var(--color-border)}
.about-section-head{max-width:700px;margin-bottom:26px}
.about-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-principle{padding:24px;border:1px solid var(--color-border);border-radius:20px;background:#fff}
.about-principle-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e3f3ef;color:var(--color-teal);font-size:18px;font-weight:900;margin-bottom:15px}
.about-principle h3{margin:0 0 8px;font-size:19px}
.about-principle p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.6}
.about-how{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:78px 34px}
.about-how-image{height:380px;overflow:hidden;border-radius:26px}
.about-how-image img{width:100%;height:100%;object-fit:cover}
.about-steps{display:grid;gap:13px;margin-top:24px}
.about-steps>div{display:flex;gap:14px;align-items:flex-start}
.about-steps span{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#123b4a;color:#fff;font-size:11px;font-weight:900}
.about-steps p{margin:0;color:var(--color-text-muted);font-size:14px;line-height:1.5}
.about-steps strong{color:var(--color-dark)}
.about-final-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 36px;border-radius:24px;background:#123b4a;color:#fff}
.about-final-cta .eyebrow{color:#56c6b9}
.about-final-cta h2{margin:5px 0 5px;font-size:28px;line-height:1.12}
.about-final-cta p{margin:0;color:#cfe0e4;font-size:14px}
.about-final-cta .btn{flex:0 0 auto;min-height:46px;padding:0 20px}
.about-affiliate{margin-top:22px}
@media(max-width:950px){
.about-hero{grid-template-columns:1fr}.about-hero-copy{padding:40px}.about-hero-image{min-height:330px}
.about-story,.about-how{grid-template-columns:1fr;gap:32px;padding-left:0;padding-right:0}.about-principles-grid{grid-template-columns:1fr}.about-how-image{order:-1}.about-final-cta{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
.about-page{padding:26px 0 50px}.about-page>.container{width:calc(100% - 24px)}
.about-hero{border-radius:22px}.about-hero-copy{padding:28px 23px}.about-hero h1{font-size:38px;letter-spacing:-1.2px}.about-hero-lede{font-size:16px}.about-hero-image{min-height:270px}
.about-image-badge{left:13px;right:13px;bottom:13px}.about-story{padding:54px 0}.about-story-image,.about-how-image{height:280px;border-radius:20px}
.about-principles{padding:28px 20px;border-radius:22px}.about-how{padding:54px 0}.about-final-cta{padding:27px 21px;border-radius:20px}.about-final-cta h2{font-size:24px}
}

/* SolarPutzen V220 – Über-uns-Hero Bildfeinschliff */
.about-hero-image{
  background:#eaf4f1;
}
.about-hero-image img{
  object-position:center center;
  image-rendering:auto;
}
@media(max-width:950px){
  .about-hero-image img{object-position:center 52%;}
}

/* SolarPutzen V221 – komplett neue Über-uns-Bildwelt */
.about-hero-image img{
  object-position:center center !important;
}
.about-story-image img{
  object-position:center center !important;
}
.about-principle{
  overflow:hidden;
  padding:0 24px 24px !important;
}
.about-principle-image{
  display:block;
  width:calc(100% + 48px);
  height:145px;
  margin:0 -24px 20px;
  object-fit:cover;
  object-position:center;
}
.about-principle-icon{
  margin-bottom:14px !important;
}
.about-how-image img{
  object-position:center center !important;
}
@media(max-width:600px){
  .about-principle-image{
    height:170px;
  }
}

/* SolarPutzen V222 – Über-uns Layout / Größen / Abstände Feinschliff */
.about-page{
  padding:34px 0 64px !important;
}
.about-page>.container{
  width:min(1500px,calc(100% - 48px)) !important;
}
.about-hero{
  grid-template-columns:0.92fr 1.08fr !important;
  min-height:500px !important;
  border-radius:28px !important;
}
.about-hero-copy{
  padding:56px 58px !important;
}
.about-hero h1{
  max-width:620px !important;
  margin:10px 0 18px !important;
  font-size:clamp(46px,4vw,64px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.8px !important;
}
.about-hero-lede{
  max-width:610px !important;
  font-size:17px !important;
  line-height:1.62 !important;
}
.about-hero-actions{
  margin-top:26px !important;
}
.about-hero-image{
  min-height:500px !important;
}
.about-hero-image img{
  object-position:center !important;
}
.about-image-badge{
  left:28px !important;
  bottom:28px !important;
  max-width:330px !important;
  padding:15px 17px !important;
}
.about-story{
  grid-template-columns:1fr 1.05fr !important;
  gap:58px !important;
  padding:66px 36px 70px !important;
}
.about-story-image{
  height:410px !important;
}
.about-story-copy{
  max-width:680px !important;
}
.about-story h2,.about-section-head h2,.about-how h2{
  font-size:clamp(32px,3vw,45px) !important;
}
.about-principles{
  padding:46px 36px 54px !important;
}
.about-principles-grid{
  gap:18px !important;
}
.about-principle{
  padding:0 22px 22px !important;
  min-height:320px !important;
}
.about-principle-image{
  width:calc(100% + 44px) !important;
  height:150px !important;
  margin:0 -22px 18px !important;
}
.about-how{
  padding:68px 36px !important;
}
.about-how-image{
  height:410px !important;
}
.about-final-cta{
  padding:32px 36px !important;
}
@media(max-width:950px){
  .about-page>.container{width:min(100% - 32px,720px) !important;}
  .about-hero{min-height:0 !important;}
  .about-hero-copy{padding:38px !important;}
  .about-hero-image{min-height:340px !important;}
  .about-story{padding:56px 0 !important;}
  .about-principle{min-height:0 !important;}
}
@media(max-width:600px){
  .about-page{padding:22px 0 45px !important;}
  .about-page>.container{width:calc(100% - 24px) !important;}
  .about-hero-copy{padding:28px 23px !important;}
  .about-hero h1{font-size:38px !important;}
  .about-hero-image{min-height:270px !important;}
  .about-story{padding:48px 0 !important;}
  .about-story-image{height:280px !important;}
  .about-principles{padding:28px 20px !important;}
  .about-how{padding:48px 0 !important;}
}

/* SolarPutzen V223 – Bildqualität / Rendering */
.about-page img{
  image-rendering:auto !important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.about-hero-image img,
.about-story-image img,
.about-principle-image,
.about-how-image img{
  transform:translateZ(0);
}

/* SolarPutzen V225 – gleiche Bildmotive, nur höhere Pixeldichte */
.about-hero-image img,
.about-story-image img,
.about-principle-image,
.about-how-image img{
  image-rendering:auto !important;
  filter:none !important;
  transform:none !important;
}

/* SolarPutzen V226 – Über-uns komplett kompakt */
.about-page{
  padding:24px 0 44px !important;
}
.about-page>.container{
  width:min(1400px,calc(100% - 40px)) !important;
}
.about-hero{
  min-height:360px !important;
  grid-template-columns:.96fr 1.04fr !important;
  border-radius:24px !important;
}
.about-hero-copy{
  padding:34px 38px !important;
}
.about-hero h1{
  font-size:clamp(36px,3.7vw,52px) !important;
  margin:7px 0 11px !important;
  letter-spacing:-1.5px !important;
}
.about-hero-lede{
  font-size:15px !important;
  line-height:1.48 !important;
  max-width:570px !important;
}
.about-hero-actions{
  margin-top:17px !important;
  gap:8px !important;
}
.about-hero-actions .btn{
  min-height:40px !important;
  padding:0 15px !important;
  font-size:12px !important;
}
.about-hero-image{
  min-height:360px !important;
}
.about-story{
  grid-template-columns:.9fr 1.1fr !important;
  gap:38px !important;
  padding:48px 24px !important;
}
.about-story-image{
  height:300px !important;
  border-radius:20px !important;
}
.about-story h2,.about-section-head h2,.about-how h2{
  font-size:clamp(27px,2.7vw,38px) !important;
  margin:7px 0 11px !important;
}
.about-story p,.about-section-head p,.about-how-copy>p{
  font-size:14px !important;
  line-height:1.55 !important;
}
.about-story p+p{
  margin-top:8px !important;
}
.about-principles{
  padding:32px 24px 36px !important;
  border-radius:24px !important;
}
.about-section-head{
  margin-bottom:19px !important;
}
.about-principles-grid{
  gap:12px !important;
}
.about-principle{
  min-height:0 !important;
  padding:0 17px 17px !important;
  border-radius:16px !important;
}
.about-principle-image{
  width:calc(100% + 34px) !important;
  height:105px !important;
  margin:0 -17px 13px !important;
}
.about-principle-icon{
  width:34px !important;
  height:34px !important;
  margin-bottom:10px !important;
  border-radius:9px !important;
  font-size:15px !important;
}
.about-principle h3{
  font-size:16px !important;
  margin-bottom:5px !important;
}
.about-principle p{
  font-size:12px !important;
  line-height:1.48 !important;
}
.about-how{
  grid-template-columns:1.05fr .95fr !important;
  gap:38px !important;
  padding:48px 24px !important;
}
.about-how-image{
  height:300px !important;
  border-radius:20px !important;
}
.about-steps{
  gap:9px !important;
  margin-top:17px !important;
}
.about-steps>div{
  gap:10px !important;
}
.about-steps span{
  flex-basis:32px !important;
  width:32px !important;
  height:32px !important;
  font-size:10px !important;
}
.about-steps p{
  font-size:12px !important;
  line-height:1.4 !important;
}
.about-final-cta{
  padding:24px 28px !important;
  border-radius:20px !important;
  gap:20px !important;
}
.about-final-cta h2{
  font-size:23px !important;
  margin:4px 0 !important;
}
.about-final-cta p{
  font-size:12px !important;
}
.about-final-cta .btn{
  min-height:42px !important;
  padding:0 17px !important;
  font-size:12px !important;
}
.about-affiliate{
  margin-top:14px !important;
  font-size:11px !important;
}
@media(max-width:950px){
  .about-page>.container{
    width:calc(100% - 32px) !important;
  }
  .about-hero{
    grid-template-columns:1fr !important;
  }
  .about-hero-image{
    min-height:280px !important;
  }
  .about-story,.about-how{
    grid-template-columns:1fr !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .about-how-image{
    order:-1 !important;
  }
}
@media(max-width:600px){
  .about-page{
    padding:18px 0 36px !important;
  }
  .about-page>.container{
    width:calc(100% - 24px) !important;
  }
  .about-hero{
    border-radius:20px !important;
  }
  .about-hero-copy{
    padding:25px 20px !important;
  }
  .about-hero h1{
    font-size:34px !important;
  }
  .about-hero-image{
    min-height:235px !important;
  }
  .about-story{
    padding:38px 0 !important;
  }
  .about-story-image,.about-how-image{
    height:245px !important;
  }
  .about-principles{
    padding:25px 17px 28px !important;
  }
  .about-principles-grid{
    grid-template-columns:1fr !important;
  }
  .about-principle-image{
    height:145px !important;
  }
  .about-how{
    padding:38px 0 !important;
  }
  .about-final-cta{
    padding:22px 18px !important;
  }
  .about-final-cta{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}

/* SolarPutzen V227 – Über-uns Hero nach dem neuen Mockup */
.about-hero{
  position:relative !important;
  display:block !important;
  min-height:520px !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:#fff !important;
}
.about-hero-copy{
  position:relative !important;
  z-index:2 !important;
  width:55% !important;
  min-height:520px !important;
  padding:70px 52px !important;
  display:flex !important;
  justify-content:center !important;
  background:linear-gradient(90deg,
    rgba(255,255,255,.99) 0%,
    rgba(255,255,255,.97) 58%,
    rgba(255,255,255,.82) 78%,
    rgba(255,255,255,0) 100%) !important;
}
.about-hero h1{
  max-width:620px !important;
  font-size:clamp(44px,4vw,62px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.8px !important;
  margin:10px 0 16px !important;
}
.about-hero-lede{
  max-width:610px !important;
  font-size:16px !important;
  line-height:1.55 !important;
}
.about-hero-actions{
  margin-top:22px !important;
}
.about-hero-image{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  min-height:520px !important;
  background-image:url("../assets/images/about/about-hero-background.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media(max-width:950px){
  .about-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .about-hero-copy{
    width:auto !important;
    min-height:0 !important;
    padding:42px 36px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 72%,rgba(255,255,255,.72) 100%) !important;
  }
  .about-hero-image{
    position:relative !important;
    min-height:340px !important;
    inset:auto !important;
    grid-row:2 !important;
  }
}
@media(max-width:600px){
  .about-hero-copy{
    padding:30px 22px !important;
  }
  .about-hero h1{
    font-size:36px !important;
  }
  .about-hero-image{
    min-height:260px !important;
    background-position:center center !important;
  }
}

/* SolarPutzen V228 – eingebrannten Text im vorhandenen Hero-Bild vollständig abdecken
   Kein neues Bild, kein Bildaustausch. Nur Layering/Lesbarkeit korrigiert. */
.about-hero-copy{
  position:relative !important;
  z-index:3 !important;
  background:#fff !important;
}
.about-hero-copy::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:-150px !important;
  bottom:0 !important;
  width:150px !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:linear-gradient(
    90deg,
    #fff 0%,
    rgba(255,255,255,.98) 28%,
    rgba(255,255,255,.78) 58%,
    rgba(255,255,255,0) 100%
  ) !important;
}
.about-hero-copy > *{
  position:relative !important;
  z-index:2 !important;
}
/* Auf kleineren Screens wird der komplette Textbereich bewusst deckend,
   damit kein Text aus dem Hintergrundbild durchscheint. */
@media(max-width:950px){
  .about-hero-copy{
    background:#fff !important;
  }
  .about-hero-copy::after{
    display:none !important;
  }
}

/* SolarPutzen V229 – Hero kompakt, schmal und ohne Textfläche */
.about-page>.container{
  width:min(1180px,calc(100% - 40px)) !important;
}
.about-hero{
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  height:360px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:transparent !important;
  box-shadow:0 12px 35px rgba(18,59,74,.08) !important;
}
.about-hero-image{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:360px !important;
  min-height:360px !important;
  background-image:url("../assets/images/about/about-hero-background.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media(max-width:950px){
  .about-page>.container{
    width:calc(100% - 32px) !important;
  }
  .about-hero{
    height:300px !important;
  }
  .about-hero-image{
    height:300px !important;
    min-height:300px !important;
  }
}
@media(max-width:600px){
  .about-page>.container{
    width:calc(100% - 24px) !important;
  }
  .about-hero{
    height:230px !important;
    border-radius:20px !important;
  }
  .about-hero-image{
    height:230px !important;
    min-height:230px !important;
  }
}

/* SolarPutzen V230 – Hero-Inhalt sauber innerhalb des kompakten Moduls */
.about-hero{
  position:relative !important;
  display:block !important;
  height:360px !important;
  min-height:360px !important;
  overflow:hidden !important;
}
.about-hero-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  z-index:1 !important;
  background-image:url("../assets/images/about/about-hero-background.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
}
.about-hero-copy{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  z-index:3 !important;
  width:58% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  padding:38px 34px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.98) 0%,
    rgba(255,255,255,.96) 52%,
    rgba(255,255,255,.78) 78%,
    rgba(255,255,255,0) 100%
  ) !important;
}
.about-hero-copy .eyebrow{
  font-size:12px !important;
  line-height:1 !important;
  margin:0 0 10px !important;
}
.about-hero h1{
  max-width:610px !important;
  margin:0 0 11px !important;
  font-size:clamp(34px,3.35vw,48px) !important;
  line-height:1.01 !important;
  letter-spacing:-1.4px !important;
}
.about-hero-lede{
  max-width:585px !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  color:var(--color-text-muted) !important;
}
.about-hero-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:9px !important;
  margin-top:17px !important;
}
.about-hero-actions .btn{
  min-height:40px !important;
  height:40px !important;
  padding:0 15px !important;
  font-size:12px !important;
  white-space:nowrap !important;
}
@media(max-width:1100px){
  .about-hero-copy{
    width:62% !important;
    padding:32px 28px !important;
  }
  .about-hero h1{font-size:40px !important;}
}
@media(max-width:950px){
  .about-hero{
    height:300px !important;
    min-height:300px !important;
  }
  .about-hero-copy{
    width:72% !important;
    padding:27px 25px !important;
  }
  .about-hero h1{font-size:34px !important;}
  .about-hero-lede{font-size:13px !important;max-width:500px !important;}
  .about-hero-actions{margin-top:13px !important;}
}
@media(max-width:700px){
  .about-hero{
    height:300px !important;
    min-height:300px !important;
  }
  .about-hero-image{
    background-position:center right !important;
  }
  .about-hero-copy{
    width:100% !important;
    padding:25px 22px !important;
    background:linear-gradient(
      90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.93) 64%,
      rgba(255,255,255,.68) 100%
    ) !important;
  }
  .about-hero h1{font-size:32px !important;}
  .about-hero-lede{max-width:520px !important;font-size:12.5px !important;}
  .about-hero-actions{gap:7px !important;}
  .about-hero-actions .btn{font-size:11px !important;padding:0 12px !important;}
}
@media(max-width:480px){
  .about-hero{height:275px !important;min-height:275px !important;}
  .about-hero-copy{padding:21px 18px !important;}
  .about-hero h1{font-size:29px !important;letter-spacing:-.8px !important;}
  .about-hero-lede{font-size:11.5px !important;line-height:1.4 !important;}
  .about-hero-actions{
    flex-wrap:wrap !important;
    margin-top:10px !important;
  }
  .about-hero-actions .btn{height:37px !important;min-height:37px !important;}
}

/* SolarPutzen V231 – Hero sauber korrigiert */
.about-hero{
  position:relative !important;
  display:block !important;
  height:360px !important;
  min-height:360px !important;
  overflow:hidden !important;
}
.about-hero-image{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  background-image:url("../assets/images/about/about-hero-background.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.about-hero-copy{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  z-index:4 !important;
  width:56% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  padding:34px 36px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  background:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
}
.about-hero-copy::before,
.about-hero-copy::after{
  display:none !important;
  content:none !important;
}
.about-hero-copy .eyebrow,
.about-hero-copy h1,
.about-hero-copy .about-hero-lede,
.about-hero-copy .about-hero-actions{
  opacity:1 !important;
  visibility:visible !important;
}
.about-hero-copy .eyebrow{
  margin:0 0 9px !important;
  font-size:11px !important;
  line-height:1 !important;
}
.about-hero h1{
  margin:0 0 10px !important;
  max-width:600px !important;
  font-size:clamp(35px,3.2vw,47px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.2px !important;
}
.about-hero-lede{
  margin:0 !important;
  max-width:590px !important;
  font-size:14px !important;
  line-height:1.45 !important;
}
.about-hero-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:9px !important;
  margin-top:16px !important;
}
.about-hero-actions .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 15px !important;
  white-space:nowrap !important;
  font-size:12px !important;
}
@media(max-width:950px){
  .about-hero-copy{
    width:67% !important;
    padding:28px 26px !important;
  }
  .about-hero h1{font-size:35px !important;}
}
@media(max-width:700px){
  .about-hero{
    height:300px !important;
    min-height:300px !important;
  }
  .about-hero-copy{
    width:100% !important;
    padding:24px 21px !important;
  }
  .about-hero h1{font-size:31px !important;}
  .about-hero-lede{font-size:12px !important;}
  .about-hero-actions{gap:7px !important;margin-top:11px !important;}
  .about-hero-actions .btn{
    height:37px !important;
    min-height:37px !important;
    padding:0 12px !important;
    font-size:11px !important;
  }
}
@media(max-width:480px){
  .about-hero{
    height:275px !important;
    min-height:275px !important;
  }
  .about-hero-copy{padding:20px 17px !important;}
  .about-hero h1{font-size:28px !important;}
  .about-hero-lede{font-size:11px !important;}
  .about-hero-actions{flex-wrap:wrap !important;}
}

/* SolarPutzen V232 – Bild weiter nach links, weicher Übergang zum Text */
.about-hero-copy{
  width:52% !important;
  background:linear-gradient(
    90deg,
    #fff 0%,
    #fff 55%,
    rgba(255,255,255,.99) 68%,
    rgba(255,255,255,.90) 78%,
    rgba(255,255,255,.48) 89%,
    rgba(255,255,255,0) 100%
  ) !important;
}
.about-hero-image{
  background-size:cover !important;
  background-position:center center !important;
}
@media(max-width:1100px){
  .about-hero-copy{width:55% !important;}
}
@media(max-width:950px){
  .about-hero-copy{
    width:63% !important;
    background:linear-gradient(
      90deg,
      #fff 0%,
      #fff 58%,
      rgba(255,255,255,.94) 76%,
      rgba(255,255,255,0) 100%
    ) !important;
  }
}
@media(max-width:700px){
  .about-hero-copy{
    width:100% !important;
    background:linear-gradient(
      90deg,
      #fff 0%,
      rgba(255,255,255,.97) 58%,
      rgba(255,255,255,.72) 82%,
      rgba(255,255,255,0) 100%
    ) !important;
  }
}

/* SolarPutzen V233 – Startseiten-Hero: weicherer Übergang zwischen Text und Bild */
.hero-v7-inner{
  grid-template-columns:minmax(0,42%) minmax(0,58%) !important;
}
.hero-copy{
  background:#fff !important;
}
.hero-copy:after{
  right:-120px !important;
  width:120px !important;
  background:linear-gradient(
    90deg,
    #fff 0%,
    rgba(255,255,255,.98) 25%,
    rgba(255,255,255,.86) 48%,
    rgba(255,255,255,.55) 70%,
    rgba(255,255,255,0) 100%
  ) !important;
  z-index:4 !important;
}
.hero-photo{
  z-index:1 !important;
  background-position:center center !important;
}
.hero-photo:before{
  left:0 !important;
  width:150px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.82) 0%,
    rgba(255,255,255,.60) 28%,
    rgba(255,255,255,.28) 55%,
    rgba(255,255,255,0) 100%
  ) !important;
  z-index:2 !important;
}
@media(max-width:950px){
  .hero-v7-inner{
    grid-template-columns:minmax(0,45%) minmax(0,55%) !important;
  }
  .hero-copy:after{width:90px !important;right:-90px !important;}
  .hero-photo:before{width:115px !important;}
}

/* SolarPutzen V234 – nur Bildverlauf ändern, Textbreite unverändert */
.hero-v7-inner{
  grid-template-columns:minmax(0,43%) minmax(0,57%) !important;
}
.hero-copy{
  width:auto !important;
}
.hero-copy:after{
  right:-150px !important;
  width:150px !important;
  background:linear-gradient(
    90deg,
    #fff 0%,
    rgba(255,255,255,.99) 20%,
    rgba(255,255,255,.90) 40%,
    rgba(255,255,255,.68) 60%,
    rgba(255,255,255,.38) 78%,
    rgba(255,255,255,0) 100%
  ) !important;
}
.hero-photo{
  background-position:center center !important;
}
.hero-photo:before{
  left:-1px !important;
  width:180px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.78) 0%,
    rgba(255,255,255,.60) 25%,
    rgba(255,255,255,.40) 45%,
    rgba(255,255,255,.20) 68%,
    rgba(255,255,255,0) 100%
  ) !important;
}
@media(max-width:950px){
  .hero-v7-inner{
    grid-template-columns:minmax(0,43%) minmax(0,57%) !important;
  }
  .hero-copy:after{
    right:-120px !important;
    width:120px !important;
  }
  .hero-photo:before{
    width:145px !important;
  }
}

/* SolarPutzen V235 – komplette Startseite kompakter */
body.home-page .section,
.home-page section{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.home-page .container{
  max-width:1400px !important;
}
.home-page .hero-v7{
  margin-bottom:28px !important;
}
.home-page .hero-v7-inner{
  min-height:560px !important;
}
.home-page .hero-copy,
.home-page .hero-photo{
  min-height:560px !important;
}
.home-page .hero-copy{
  padding-top:58px !important;
  padding-bottom:54px !important;
}

/* Section gaps */
.home-page .hero + section,
.home-page .hero-v7 + section{
  margin-top:26px !important;
}
.home-page section + section{
  margin-top:28px !important;
}

/* Compact the common homepage cards/modules without changing their content. */
.home-page .feature-strip,
.home-page .benefits,
.home-page .recommendations,
.home-page .products-section,
.home-page .how-it-works,
.home-page .guide-section,
.home-page .accessories-section,
.home-page .profi-section,
.home-page .faq-section{
  padding-top:30px !important;
  padding-bottom:30px !important;
}

/* Reduce large internal whitespace in grids/cards. */
.home-page .cards,
.home-page .card-grid,
.home-page .product-grid,
.home-page .guide-grid,
.home-page .benefit-grid{
  gap:16px !important;
}
.home-page .card,
.home-page .feature-card,
.home-page .guide-card,
.home-page .benefit-card{
  padding-top:20px !important;
  padding-bottom:20px !important;
}

/* Keep headings visually consistent and slightly tighter. */
.home-page h2{
  margin-top:0 !important;
  margin-bottom:10px !important;
  line-height:1.08 !important;
}
.home-page h3{
  margin-top:0 !important;
  margin-bottom:7px !important;
  line-height:1.12 !important;
}
.home-page p{
  line-height:1.5 !important;
}

/* Compact CTA/module spacing while preserving button dimensions. */
.home-page .section-head,
.home-page .module-head{
  margin-bottom:16px !important;
}
.home-page .hero-actions{
  margin-top:15px !important;
}

/* Bottom modules should not have oversized empty tails. */
.home-page .cta-module,
.home-page .promo-module{
  margin-top:28px !important;
  margin-bottom:28px !important;
}

/* Mobile: compact vertically, but keep readability. */
@media(max-width:950px){
  .home-page .hero-v7-inner,
  .home-page .hero-copy,
  .home-page .hero-photo{
    min-height:500px !important;
  }
  .home-page section + section{
    margin-top:22px !important;
  }
}
@media(max-width:600px){
  .home-page .hero-v7-inner,
  .home-page .hero-copy,
  .home-page .hero-photo{
    min-height:0 !important;
  }
  .home-page section + section{
    margin-top:18px !important;
  }
  .home-page .feature-strip,
  .home-page .benefits,
  .home-page .recommendations,
  .home-page .products-section,
  .home-page .how-it-works,
  .home-page .guide-section,
  .home-page .accessories-section,
  .home-page .profi-section,
  .home-page .faq-section{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
}

/* SolarPutzen V236 – Startseiten-Hero kleiner und kompakter */
.hero-v7-inner{
  min-height:480px !important;
}
.hero-copy,
.hero-photo{
  min-height:480px !important;
}
.hero-copy{
  padding-top:42px !important;
  padding-bottom:40px !important;
}
.hero-v7{
  margin-bottom:22px !important;
}
@media(max-width:950px){
  .hero-v7-inner,
  .hero-copy,
  .hero-photo{
    min-height:420px !important;
  }
  .hero-copy{
    padding-top:34px !important;
    padding-bottom:32px !important;
  }
}
@media(max-width:600px){
  .hero-v7-inner,
  .hero-copy,
  .hero-photo{
    min-height:0 !important;
  }
  .hero-copy{
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  .hero-v7{
    margin-bottom:18px !important;
  }
}

/* SolarPutzen V239 – Startseiten-Hero vertikal kompakter */
.hero-v7-inner{
  min-height:440px !important;
}
.hero-copy,
.hero-photo{
  min-height:440px !important;
}
.hero-copy{
  padding-top:34px !important;
  padding-bottom:32px !important;
}
.hero-v7{
  margin-top:0 !important;
  margin-bottom:18px !important;
}
@media(max-width:950px){
  .hero-v7-inner,
  .hero-copy,
  .hero-photo{
    min-height:390px !important;
  }
  .hero-copy{
    padding-top:28px !important;
    padding-bottom:27px !important;
  }
}
@media(max-width:600px){
  .hero-v7-inner,
  .hero-copy,
  .hero-photo{
    min-height:0 !important;
  }
  .hero-copy{
    padding-top:23px !important;
    padding-bottom:23px !important;
  }
  .hero-v7{
    margin-bottom:15px !important;
  }
}

/* SolarPutzen V240 – tatsächliche Bild-/Herohöhe reduzieren */
.hero-v7{
  height:400px !important;
  min-height:400px !important;
}
.hero-v7-inner{
  height:400px !important;
  min-height:400px !important;
}
.hero-photo,
.hero-copy{
  height:400px !important;
  min-height:400px !important;
}
.hero-photo{
  overflow:hidden !important;
}
@media(max-width:950px){
  .hero-v7,
  .hero-v7-inner,
  .hero-photo,
  .hero-copy{
    height:350px !important;
    min-height:350px !important;
  }
}
@media(max-width:600px){
  .hero-v7,
  .hero-v7-inner{
    height:auto !important;
    min-height:0 !important;
  }
  .hero-photo{
    height:230px !important;
    min-height:230px !important;
  }
  .hero-copy{
    height:auto !important;
    min-height:0 !important;
  }
}

/* SolarPutzen V241 – Hero sauber kompakt, aber vollständig sichtbar */
@media(min-width:901px){
  .hero-v7{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .hero-v7-inner{
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    align-items:stretch !important;
  }
  .hero-v7 .hero-copy{
    height:auto !important;
    min-height:520px !important;
    padding:48px 54px 46px !important;
    box-sizing:border-box !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  .hero-v7 .hero-photo{
    height:auto !important;
    min-height:520px !important;
    align-self:stretch !important;
    overflow:hidden !important;
  }
  .hero-v7 .hero-photo:before{
    height:100% !important;
  }
}
@media(max-width:900px){
  .hero-v7{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .hero-v7-inner{
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  .hero-v7 .hero-copy{
    height:auto !important;
    min-height:0 !important;
    padding:34px 32px !important;
    overflow:visible !important;
  }
  .hero-v7 .hero-photo{
    height:380px !important;
    min-height:380px !important;
  }
}
@media(max-width:600px){
  .hero-v7 .hero-copy{
    padding:28px 22px !important;
  }
  .hero-v7 .hero-photo{
    height:260px !important;
    min-height:260px !important;
  }
}

/* SolarPutzen V243 – WOFÜR WIR STEHEN ohne Bilder */
.about-principles .about-principle{
  display:flex !important;
  flex-direction:column !important;
  padding-top:22px !important;
}
.about-principles .about-principle-icon{
  margin-top:0 !important;
}

/* SolarPutzen V245 – Idee dahinter: neues Bild harmonisch zum Text */
.about-story .about-story-image,
.about-story img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
@media(max-width:800px){
  .about-story img{
    height:auto !important;
    aspect-ratio:16/10 !important;
    object-fit:cover !important;
  }
}

/* SolarPutzen V246 – untere CTA-Überschrift weiß */
.cta-white-heading{
  color:#fff !important;
}


/* V320 – Startseite: kompakte, nicht doppelte Produktdetails */
.featured-products-v8 .product-card-featured .product-specs-expanded{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:12px 0 !important;
}
.featured-products-v8 .product-card-featured .product-specs-expanded span{
  min-height:48px !important;
  padding:8px 10px !important;
  border:1px solid var(--color-border,#dfe8e5) !important;
  border-radius:10px !important;
  background:#f7faf9 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.featured-products-v8 .product-card-featured .product-specs-expanded b{
  font-size:9px !important;
  line-height:1.15 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  margin-bottom:3px !important;
}
.featured-products-v8 .product-card-featured .product-specs-expanded strong{
  font-size:12px !important;
  line-height:1.2 !important;
}
.featured-products-v8 .product-card-featured .featured-highlights{
  margin:0 0 12px !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#eef8f4,#f8fbfa) !important;
  border:1px solid #dbeae5 !important;
}
.featured-products-v8 .product-card-featured .featured-highlights b{
  display:block !important;
  font-size:10px !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  margin-bottom:4px !important;
}
.featured-products-v8 .product-card-featured .featured-highlights p{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
@media(max-width:700px){
 .featured-products-v8 .product-card-featured .product-specs-expanded{grid-template-columns:1fr 1fr !important}
}


/* V323 — Startseite: zusätzlicher Trennstrich nach der Gewichts-Zeile */
.featured-products-v8 .product-card-featured .product-specs-compact span:nth-child(3),
.featured-products-v8 .product-card-featured .product-specs-compact span:nth-child(4){
  border-bottom:1px solid #dce9e5 !important;
}


/* V331 – Reparatur der Startseiten-Produktkarten
   Nur technische Darstellung korrigiert: Detailboxen entfernt,
   Trennlinien beibehalten, Besonderheiten-Hintergrund unverändert. */
.featured-products-v8 .product-card-featured .product-specs-expanded{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  column-gap:18px !important;
  row-gap:0 !important;
  margin:1px 0 10px !important;
  padding:3px 0 2px !important;
  border-top:1px solid #dce9e5 !important;
  border-bottom:1px solid #dce9e5 !important;
  border-radius:0 !important;
  background:transparent !important;
}
.featured-products-v8 .product-card-featured .product-specs-expanded span{
  min-height:0 !important;
  min-width:0 !important;
  padding:6px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:8px !important;
  line-height:1.15 !important;
}
.featured-products-v8 .product-card-featured .product-specs-expanded span:nth-child(1),
.featured-products-v8 .product-card-featured .product-specs-expanded span:nth-child(2),
.featured-products-v8 .product-card-featured .product-specs-expanded span:nth-child(3),
.featured-products-v8 .product-card-featured .product-specs-expanded span:nth-child(4),
.featured-products-v8 .product-card-featured .product-specs-expanded span:nth-child(5),
.featured-products-v8 .product-card-featured .product-specs-expanded span:nth-child(6),
.featured-products-v8 .product-card-featured .product-specs-expanded span:nth-child(7){
  border-bottom:1px solid #edf3f1 !important;
}
/* zusätzlicher mittlerer Trennstrich direkt unter Gewicht/Wasserführung */
.featured-products-v8 .product-card-featured .product-specs-expanded span:nth-child(3),
.featured-products-v8 .product-card-featured .product-specs-expanded span:nth-child(4){
  border-bottom:1px solid #dce9e5 !important;
}
.featured-products-v8 .product-card-featured .product-specs-expanded b{
  flex:0 1 auto !important;
  font-size:9px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  color:#648087 !important;
  white-space:nowrap !important;
}
.featured-products-v8 .product-card-featured .product-specs-expanded strong{
  flex:0 1 auto !important;
  font-size:11px !important;
  line-height:1.2 !important;
  color:var(--color-dark) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-align:right !important;
}
.featured-products-v8 .product-card-featured .featured-highlights{
  /* ausdrücklich unverändert als hervorgehobener Bereich */
}
.featured-products-v8 .product-card-featured{
  display:flex !important;
  flex-direction:column !important;
}
.featured-products-v8 .product-card-featured .product-actions{
  margin-top:auto !important;
}