/* Produktseite Schaltbares Glas (/seiten/smartglas/schaltbares-glas/): Bausteine aus tools/kategorieseiten/schaltbares-glas-produkt.mjs
   im ruhigen Stil der Smartglas-Seiten (smartglas-entwuerfe.css liefert Raster, Farben und Kapitelkopf). Leitblau für Wege,
   Orange nur als Strich; farbige Bänder laufen über die volle Fensterbreite. */
.sgp-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin:0 0 40px;padding:0;list-style:none}
.sgp-karte{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #d5dde6;border-radius:14px;background:#fff}
.sgp-karte h3{font-size:22px;line-height:1.3}
.sgp-karte p{font-size:16px;line-height:1.55;color:var(--s-leise,#4b6075)}
.sgp-karte .sgp-ab{margin-top:4px;font-size:22px;font-weight:700;line-height:1.3;color:#12365f}
.sgp-karte .sme-zweit{margin-top:auto;padding-top:10px;align-self:flex-start}
.sgp-zwei{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
.sgp-zwei h3{margin-bottom:12px;font-size:20px;line-height:1.3}
.sgp-tabelle{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.sgp-tabelle caption{caption-side:bottom;padding-top:10px;font-size:14px;line-height:1.5;color:var(--s-leise,#4b6075);text-align:left}
.sgp-tabelle :is(th,td){padding:10px 12px;border-bottom:1px solid #d5dde6;text-align:right;font-variant-numeric:tabular-nums}
.sgp-tabelle :is(th:first-child,td:first-child){text-align:left}
.sgp-tabelle thead th{font-size:14px;font-weight:700;color:#12365f;border-bottom:2px solid #12365f}
.sgp-tabelle tbody th{font-weight:600}
.sgp-kasten{padding:24px;border:1px solid #c5d8ee;border-radius:14px;background:#eef4fb}
.sgp-kasten dl{display:grid;gap:12px;margin:0}
.sgp-kasten dt{font-size:14px;font-weight:700;line-height:1.4;color:#12365f}
.sgp-kasten dd{margin:2px 0 0;font-size:15px;line-height:1.5}
.sgp-offen{margin-top:28px}
.sgp-weg{margin-top:24px}
.sgp-namen,.sgp-mehr{padding-block:var(--a-abschnitt,72px)}
.sgp-begriffe p{margin-bottom:10px;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--s-leise,#4b6075)}
.sgp-begriffe ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.sgp-begriffe li{padding:6px 14px;border:1px solid #d5dde6;border-radius:999px;background:#fff;font-size:15px;line-height:1.4}
.sgp-mehr ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin:0;padding:0;list-style:none}
.sgp-mehr a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 18px;border:1px solid #d5dde6;border-radius:12px;background:#fff;color:#154e8a;font-size:16px;font-weight:700;line-height:1.35;text-decoration:none}
.sgp-mehr a:is(:hover,:focus-visible){border-color:#154e8a;background:#f0f6fb}
.sgp-schluss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;padding-block:44px;background:#154e8a;box-shadow:0 0 0 100vmax #154e8a;clip-path:inset(0 -100vmax);color:#fff}
.sgp-schluss p{max-width:none;font-size:22px;font-weight:600;line-height:1.35;color:#fff}
.sgp-knopf-hell{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 24px;border-radius:10px;background:#fff;color:#154e8a;font-size:16px;font-weight:700;text-decoration:none}
.sgp-knopf-hell:is(:hover,:focus-visible){background:#eaf2fa;color:#103c6c}
@media (max-width:899px){.sgp-zwei{grid-template-columns:1fr}.sgp-schluss p{font-size:19px}}
@media (max-width:480px){.sgp-tabelle{font-size:14px}.sgp-tabelle :is(th,td){padding:9px 6px}.sgp-tabelle thead th{font-size:13px}.sgp-karte{padding:18px}}

/* Lesbarkeit: Bildzeilen und Videodauer der Smartglas-Bausteine auf dieser Seite mindestens 13 px */
.sme .sme-quelle,.sme .sme-dauer,.sme .sme-a-nachweis{font-size:13px}

.sgp-vergleich,.sgp-anschluss img{width:100%;height:auto;border-radius:8px;display:block}
.sgp-fotolegende{display:flex;justify-content:space-around;color:#425a69;font-size:14px}
.sgp-anschluss{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.sgp-anschluss figcaption{grid-column:1/-1;color:#425a69;font-size:14px}