/* PScoat Energie Scan · Design "klar" (Philipp 28.10.2026, F91): uebersichtlich fuer Kundschaft mit wenig Technikerfahrung.
 * Baut auf adressrechner-intl.css auf (gleiche Farben, Schrift und Rundungen wie pscoat.international) und aendert
 * nur Groesse, Reihenfolge und Fuehrung. Aktiv mit body.psc-adr-klar. */

body.psc-adr-klar {
	--k-bg: #080a0b; --k-surface: #101315; --k-surface-2: #161a1c; --k-text: #f3f4f4; --k-muted: #b3b7ba; --k-line: rgba(255,255,255,.14);
	--k-accent: #cfd3d4; --k-on: #0b0d0e; --k-r-m: 14px; --k-r-l: 20px; --k-ease: cubic-bezier(.22,.61,.36,1);
	--k-t: 1.1875rem; --k-btn: 4rem;
	background: var(--k-bg); color: var(--k-text);
	font-size: 19px; -webkit-text-size-adjust: 100%;
}
body.psc-adr-klar .psc-adr-haupt { max-width: 62rem; margin: 0 auto; padding: 0 clamp(14px, 4vw, 32px) 64px; }
body.psc-adr-klar .psc-adr { max-width: none; display: flex; flex-direction: column; gap: 0; font-size: var(--k-t); line-height: 1.55; }
body.psc-adr-klar .psc-adr > * { order: 5; }
body.psc-adr-klar .psc-adr :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
body.psc-adr-klar [hidden] { display: none !important; }

/* ---------- Kopf (Startseite) ---------- */
body.psc-adr-klar .psc-adr-hero { padding: clamp(28px, 6vw, 56px) 0 clamp(14px, 3vw, 24px); }
body.psc-adr-klar .psc-adr-marke { font-size: .85rem; letter-spacing: .16em; }
body.psc-adr-klar .psc-adr-hero h1 { font-size: clamp(2.2rem, 1.5rem + 3.4vw, 3.9rem); line-height: 1.04; letter-spacing: -.028em; max-width: 18ch; margin: 10px 0 14px; }
body.psc-adr-klar .psc-adr-hero-sub { font-size: clamp(1.15rem, 1.05rem + .5vw, 1.4rem); color: var(--k-muted); max-width: 34rem; }
body.psc-adr-klar .psc-adr-vertrauen { display: flex; flex-wrap: wrap; gap: 8px 10px; list-style: none; padding: 0; margin: 18px 0 0; }
body.psc-adr-klar .psc-adr-vertrauen li { font-size: 1rem; padding: 8px 14px; border: 1px solid var(--k-line); border-radius: 999px; background: var(--k-surface); color: var(--k-text); }
body.psc-adr-klar:not([data-klar-stufe="1"]) .psc-adr-hero { display: none; }
body.psc-adr-klar .psc-adr-vorschau { order: 20; font-size: .95rem; color: var(--k-muted); background: none; border: 0; border-top: 1px solid var(--k-line); border-radius: 0; padding: 18px 0 0; margin: 32px 0 0; }
body.psc-adr-klar .psc-adr-vorschau strong { color: var(--k-text); }
body.psc-adr-klar .psc-adr-fortschritt { display: none; }

/* ---------- Fortschritt ---------- */
.klar-kopf { order: 0 !important; position: sticky; top: 0; z-index: 30; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "zur zaehl" "punkte punkte"; align-items: center; gap: 10px 14px; padding: 14px 0 12px; background: linear-gradient(180deg, var(--k-bg) 78%, rgba(8,10,11,0)); }
.klar-zaehler { grid-area: zaehl; margin: 0; font-size: 1.05rem; font-weight: 600; text-align: right; color: var(--k-text); letter-spacing: .01em; }
.klar-zurueck { grid-area: zur; font: inherit; font-weight: 600; font-size: 1.05rem; color: var(--k-text); background: var(--k-surface); border: 1px solid var(--k-line); border-radius: 999px; min-height: 48px; padding: 0 20px; cursor: pointer; }
.klar-zurueck:hover { border-color: var(--k-muted); }
.klar-punkte { grid-area: punkte; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; list-style: none; margin: 0; padding: 0; }
.klar-punkte li { display: flex; align-items: center; gap: 8px; padding-top: 10px; border-top: 4px solid var(--k-line); color: var(--k-muted); font-size: .95rem; min-width: 0; }
.klar-punkte li.ist-aktiv { border-top-color: var(--k-text); color: var(--k-text); font-weight: 700; }
.klar-punkte li.ist-fertig { border-top-color: var(--k-accent); color: var(--k-text); }
.klar-pnr { display: inline-grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--k-surface-2); border: 1px solid var(--k-line); font-size: .85rem; font-weight: 700; }
.klar-punkte li.ist-aktiv .klar-pnr { background: var(--k-text); color: var(--k-on); border-color: var(--k-text); }
.klar-punkte li.ist-fertig .klar-pnr { background: var(--k-accent); color: var(--k-on); border-color: var(--k-accent); }
.klar-ptxt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 560px) { .klar-ptxt { display: none; } .klar-punkte li { padding-top: 8px; } }

.klar-zus { order: 1 !important; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 4px 0 18px; padding: 14px 18px; border: 1px solid var(--k-line); border-radius: var(--k-r-m); background: var(--k-surface); }
.klar-zus-text { margin: 0; font-weight: 600; font-size: 1.1rem; overflow-wrap: anywhere; }
.klar-link { font: inherit; font-weight: 600; color: var(--k-text); background: none; border: 0; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; padding: 10px 6px; min-height: 44px; }
.klar-link:hover { color: #fff; }

/* ---------- Stufen ein-/ausblenden ---------- */
body.psc-adr-klar .psc-adr-dashboard { order: 2; display: block; margin: 0; }
body.psc-adr-klar .psc-adr-spalte-links, body.psc-adr-klar .psc-adr-spalte-rechts { display: block; width: auto; max-width: none; min-width: 0; padding: 0; }
body.psc-adr-klar .psc-adr-schritt { border: 0; padding: 0; margin: 0; background: none; box-shadow: none; }
body.psc-adr-klar .psc-adr-schritt > h2 { display: none; }
body.psc-adr-klar [data-klar-stufe="1"] .psc-adr-gebaeudeansicht,
body.psc-adr-klar [data-klar-stufe="1"] .psc-adr-f2,
body.psc-adr-klar [data-klar-stufe="1"] .psc-adr-spalte-rechts { display: none; }
body.psc-adr-klar[data-klar-stufe="1"] .psc-adr-gebaeudeansicht,
body.psc-adr-klar[data-klar-stufe="1"] .psc-adr-f2,
body.psc-adr-klar[data-klar-stufe="1"] .psc-adr-spalte-rechts,
body.psc-adr-klar[data-klar-stufe="1"] [data-psc-schritt4] { display: none; }
body.psc-adr-klar[data-klar-stufe="2"] .psc-adr-f1,
body.psc-adr-klar[data-klar-stufe="2"] .psc-adr-f2,
body.psc-adr-klar[data-klar-stufe="2"] .psc-adr-spalte-rechts { display: none; }
body.psc-adr-klar[data-klar-stufe="3"] .psc-adr-spalte-links > .psc-adr-schritt:first-child,
body.psc-adr-klar[data-klar-stufe="3"] .psc-adr-spalte-rechts { display: none; }
body.psc-adr-klar[data-klar-stufe="4"] .psc-adr-spalte-links { display: none; }
body.psc-adr-klar:not([data-klar-stufe="4"]) .psc-adr-faq,
body.psc-adr-klar:not([data-klar-stufe="4"]) .psc-adr-avatar { display: none; }
body.psc-adr-klar .psc-adr-platzhalter { display: none; }

/* ---------- Eingaben und Knoepfe (gross) ---------- */
body.psc-adr-klar .psc-adr label { font-size: 1.15rem; font-weight: 700; color: var(--k-text); }
body.psc-adr-klar .psc-adr input[type=text], body.psc-adr-klar .psc-adr input[type=email], body.psc-adr-klar .psc-adr input[type=tel], body.psc-adr-klar .psc-adr select {
	min-height: 4rem; font-size: 1.25rem; padding: 0 20px; border-radius: var(--k-r-m); background: var(--k-surface); border: 1.5px solid rgba(255,255,255,.28); color: var(--k-text); width: 100%;
}
body.psc-adr-klar .psc-adr input::placeholder { color: #8d9296; }
body.psc-adr-klar .psc-adr-btn, body.psc-adr-klar .klar-gross, body.psc-adr-klar .klar-knopf {
	font-family: inherit; font-size: 1.2rem; font-weight: 700; min-height: var(--k-btn); padding: 0 32px; border-radius: 999px; cursor: pointer; transition: background .25s var(--k-ease), transform .25s var(--k-ease), border-color .25s;
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-align: center; text-decoration: none; line-height: 1.2;
}
body.psc-adr-klar .psc-adr-btn-primaer, body.psc-adr-klar .klar-gross { background: #f3f4f4; color: var(--k-on); border: 1px solid #f3f4f4; box-shadow: 0 10px 34px -10px rgba(243,244,244,.45); }
body.psc-adr-klar .psc-adr-btn-primaer:hover, body.psc-adr-klar .klar-gross:hover { background: #fff; transform: translateY(-1px); }
body.psc-adr-klar .klar-knopf-hell, body.psc-adr-klar .psc-adr-btn-whatsapp, body.psc-adr-klar .psc-adr-btn-rueckruf { background: transparent; color: var(--k-text); border: 1.5px solid rgba(255,255,255,.34); box-shadow: none; min-height: 3.5rem; padding: 0 22px; font-size: 1.1rem; }
body.psc-adr-klar .klar-knopf-hell:hover, body.psc-adr-klar .psc-adr-btn-whatsapp:hover, body.psc-adr-klar .psc-adr-btn-rueckruf:hover { border-color: #fff; background: rgba(255,255,255,.06); color: #fff; }
body.psc-adr-klar .klar-getan { border-color: var(--k-accent); color: var(--k-accent); }
body.psc-adr-klar .klar-aktion { margin: 24px 0 8px; display: flex; flex-wrap: wrap; gap: 12px; }
body.psc-adr-klar .klar-aktion .klar-gross, body.psc-adr-klar .klar-aktion .psc-adr-btn { width: 100%; }
body.psc-adr-klar .psc-adr-fehler { font-size: 1.15rem; font-weight: 600; color: #ffd9a0; background: rgba(228,138,60,.12); border: 1px solid rgba(228,138,60,.5); border-radius: var(--k-r-m); padding: 14px 18px; margin: 16px 0 0; }
body.psc-adr-klar .psc-adr-fehler:empty { display: none; }

/* ---------- Stufe 1: Adresse ---------- */
body.psc-adr-klar .psc-adr-f1 { background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-r-l); padding: clamp(20px, 4vw, 36px); }
body.psc-adr-klar .psc-adr-f1 > label { display: block; margin-bottom: 12px; font-size: 1.3rem; }
body.psc-adr-klar .psc-adr-zeile { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 760px) { body.psc-adr-klar .psc-adr-zeile { grid-template-columns: 1fr auto; } }
body.psc-adr-klar .psc-adr-manuell { margin: 14px 0 0; }
body.psc-adr-klar .psc-adr-link { font: inherit; font-size: 1.1rem; font-weight: 600; color: var(--k-text); }
body.psc-adr-klar .psc-adr-status { font-size: 1.1rem; color: var(--k-muted); margin: 16px 0 0; }

/* ---------- Gemeinsame Frage-Koepfe ---------- */
.klar-frage { margin: 0 0 20px; }
.klar-h, body.psc-adr-klar .psc-adr .klar-h { font-size: clamp(1.7rem, 1.3rem + 1.6vw, 2.5rem); line-height: 1.08; letter-spacing: -.022em; margin: 0 0 8px; font-weight: 700; color: var(--k-text); }
.klar-hilfe { margin: 0; color: var(--k-muted); font-size: 1.15rem; max-width: 40rem; }
.klar-sub { font-size: 1.3rem; margin: 0 0 12px; font-weight: 700; letter-spacing: -.01em; }

/* ---------- Stufe 2: Haus ---------- */
body.psc-adr-klar .psc-adr-gebaeudeansicht { background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-r-l); padding: clamp(18px, 3.4vw, 32px); }
body.psc-adr-klar .psc-adr-karten-umschalter { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 0 14px; }
body.psc-adr-klar .psc-adr-karten-umschalter .psc-adr-chip { min-height: 3.6rem; font-size: 1.05rem; font-weight: 700; justify-content: center; text-align: center; padding: 8px 10px; line-height: 1.2; border-radius: 999px; }
@media (max-width: 520px) { body.psc-adr-klar .psc-adr-karten-umschalter { grid-template-columns: 1fr; } }
body.psc-adr-klar .psc-adr-chip { font-family: inherit; font-size: 1.05rem; color: var(--k-text); background: var(--k-surface-2); border: 1.5px solid rgba(255,255,255,.22); }
body.psc-adr-klar .psc-adr-chip[aria-pressed="true"] { background: #f3f4f4; color: var(--k-on); border-color: #f3f4f4; }
body.psc-adr-klar .psc-adr-3d canvas { width: 100% !important; height: clamp(300px, 56vw, 520px) !important; border-radius: var(--k-r-m); display: block; touch-action: pan-y; }
body.psc-adr-klar .psc-adr-3d-knoepfe { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
body.psc-adr-klar .psc-adr-3d-knoepfe .psc-adr-chip { min-height: 3.2rem; padding: 0 20px; border-radius: 999px; }
body.psc-adr-klar .psc-adr-3d-hinweis { font-size: .98rem; color: var(--k-muted); line-height: 1.5; }
.klar-mehr { margin: 18px 0 0; border: 1px solid var(--k-line); border-radius: var(--k-r-m); background: var(--k-surface-2); }
.klar-mehr > summary, .klar-acc > summary { list-style: none; cursor: pointer; padding: 18px 54px 18px 20px; font-weight: 700; font-size: 1.15rem; position: relative; min-height: 60px; display: flex; align-items: center; }
.klar-mehr > summary::-webkit-details-marker, .klar-acc > summary::-webkit-details-marker { display: none; }
.klar-mehr > summary::after, .klar-acc > summary::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--k-line); font-size: 1.3rem; font-weight: 500; }
.klar-mehr[open] > summary::after, .klar-acc[open] > summary::after { content: "–"; }
.klar-mehr-in, .klar-acc-in { padding: 0 20px 22px; }

/* ---------- Stufe 3: Angaben ---------- */
body.psc-adr-klar .psc-adr-f2 { background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-r-l); padding: clamp(18px, 3.4vw, 34px); }
.klar-kern { display: grid; gap: 26px; }
body.psc-adr-klar .psc-adr-f2 fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
body.psc-adr-klar .psc-adr-f2 legend { font-size: 1.35rem; font-weight: 700; letter-spacing: -.01em; padding: 0; margin: 0 0 12px; color: var(--k-text); float: none; width: 100%; }
body.psc-adr-klar .psc-adr-optionen { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 11.5rem), 1fr)); gap: 10px; }
body.psc-adr-klar .psc-adr-option { display: block; margin: 0; }
body.psc-adr-klar .psc-adr-option input { position: absolute; opacity: 0; pointer-events: none; }
body.psc-adr-klar .psc-adr-option span { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 4rem; padding: 10px 14px; border-radius: var(--k-r-m); font-size: 1.15rem; font-weight: 600; line-height: 1.25; background: var(--k-surface-2); border: 1.5px solid rgba(255,255,255,.22); color: var(--k-text); cursor: pointer; transition: background .2s, border-color .2s; }
body.psc-adr-klar .psc-adr-option:hover span { border-color: rgba(255,255,255,.55); }
body.psc-adr-klar .psc-adr-option input:checked + span { background: #f3f4f4; color: var(--k-on); border-color: #f3f4f4; font-weight: 700; box-shadow: none; }
body.psc-adr-klar .psc-adr-option input:focus-visible + span { outline: 3px solid #fff; outline-offset: 3px; }
body.psc-adr-klar .psc-adr-hinweis, body.psc-adr-klar .psc-adr-klein { font-size: 1rem; color: var(--k-muted); }
.klar-flaechen { padding: 20px; border: 1px solid var(--k-line); border-radius: var(--k-r-m); background: var(--k-surface-2); }
.klar-flaechen-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }
body.psc-adr-klar .psc-adr-feld { display: grid; gap: 8px; margin: 0; }
body.psc-adr-klar .psc-adr-feld .psc-adr-hinweis { margin: 0; }
.klar-mehr3 > .klar-mehr-in { display: grid; gap: 22px; padding-top: 4px; }
body.psc-adr-klar .psc-adr-haken { display: flex; gap: 14px; align-items: flex-start; font-size: 1.1rem; font-weight: 600; cursor: pointer; padding: 6px 0; }
body.psc-adr-klar .psc-adr-haken input { width: 28px; height: 28px; flex: none; accent-color: #f3f4f4; margin-top: 2px; }

/* ---------- Stufe 4: Ergebnis ---------- */
body.psc-adr-klar .psc-adr-erg.klar-erg { display: flex; flex-direction: column; gap: 22px; }
body.psc-adr-klar .klar-erg > * { order: 20; margin: 0; }
body.psc-adr-klar .klar-erg .psc-adr-detail { display: contents; }
body.psc-adr-klar .klar-erg .psc-adr-detail[hidden] { display: none !important; }
body.psc-adr-klar .klar-erg .psc-adr-kontext { order: 1; font-size: 1.1rem; color: var(--k-muted); padding: 0 2px; }
body.psc-adr-klar .klar-erg .psc-adr-ergebnis-hero { order: 2; background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-r-l); padding: clamp(24px, 5vw, 48px); text-align: left; }
body.psc-adr-klar .psc-adr-ergebnis-hero-label { font-size: 1rem; letter-spacing: .12em; text-transform: uppercase; color: var(--k-muted); margin: 0 0 8px; font-weight: 600; }
body.psc-adr-klar .psc-adr-ergebnis-hero-zahl { font-size: clamp(2.6rem, 1.4rem + 5.6vw, 5rem); line-height: 1.02; letter-spacing: -.035em; font-weight: 700; color: #fff; margin: 0 0 22px; }
body.psc-adr-klar .psc-adr-ergebnis-hero-neben { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 12px; margin: 0; }
body.psc-adr-klar .psc-adr-ergebnis-hero-neben > div { background: var(--k-surface-2); border: 1px solid var(--k-line); border-radius: var(--k-r-m); padding: 16px 18px; display: grid; gap: 4px; }
body.psc-adr-klar .psc-adr-ergebnis-hero-neben dt { font-size: .98rem; color: var(--k-muted); }
body.psc-adr-klar .psc-adr-ergebnis-hero-neben dd { margin: 0; font-size: 1.35rem; font-weight: 700; line-height: 1.2; color: var(--k-text); }
body.psc-adr-klar .klar-erg .psc-adr-mini-cta { display: none; }
.klar-anpassen { order: 3 !important; background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-r-l); padding: clamp(18px, 3.4vw, 30px); display: grid; gap: 22px; }
.klar-anpassen fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.klar-anpassen legend { font-size: 1.2rem; font-weight: 700; margin: 0 0 12px; padding: 0; float: none; width: 100%; }
.klar-anpassen .klar-sub { margin: 0; }
.klar-anpassen .psc-adr-option span { min-height: 3.6rem; }
body.psc-adr-klar .klar-erg .psc-adr-uvgl, body.psc-adr-klar .klar-erg .psc-adr-klassen, body.psc-adr-klar .klar-erg .psc-adr-geg, body.psc-adr-klar .klar-erg .psc-adr-klassisch, body.psc-adr-klar .klar-erg .psc-adr-geg-highlight, body.psc-adr-klar .klar-erg .psc-adr-geg-satz, body.psc-adr-klar .klar-erg .psc-adr-kennreihe, body.psc-adr-klar .klar-erg .psc-adr-uwert-zeile, body.psc-adr-klar .klar-erg .psc-adr-klassen-erklaerung, body.psc-adr-klar .klar-erg .psc-adr-korridor { order: 10; }
body.psc-adr-klar .klar-erg .psc-adr-uvgl, body.psc-adr-klar .klar-erg .psc-adr-klassen, body.psc-adr-klar .klar-erg .psc-adr-geg, body.psc-adr-klar .klar-erg .psc-adr-klassisch, body.psc-adr-klar .klar-erg .psc-adr-kennreihe { background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-r-l); padding: clamp(18px, 3.4vw, 30px); }
body.psc-adr-klar .klar-erg .psc-adr-klassisch h3, body.psc-adr-klar .klar-erg .psc-adr-unter-h { font-size: 1.4rem; font-weight: 700; letter-spacing: -.012em; margin: 0 0 14px; }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 12px; }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-karte { background: var(--k-surface-2); border: 1px solid var(--k-line); border-radius: var(--k-r-m); padding: 18px; }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-pscoat { background: #f3f4f4; color: var(--k-on); border-color: #f3f4f4; }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-wert { display: block; font-size: 2.6rem; font-weight: 700; letter-spacing: -.03em; line-height: 1; }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-label { margin: 8px 0 0; font-weight: 600; }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-pscoat .psc-adr-klassisch-label { color: var(--k-on); }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-uwert { display: block; font-weight: 500; font-size: 1rem; opacity: .85; }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-quelle { font-size: .95rem; color: var(--k-muted); }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-pscoat ~ * { color: inherit; }
body.psc-adr-klar .klar-erg .psc-adr-klasse-wert { font-size: 3rem; font-weight: 700; }
body.psc-adr-klar .klar-erg .psc-adr-klasse-label, body.psc-adr-klar .klar-erg .psc-adr-klasse-sub, body.psc-adr-klar .klar-erg .psc-adr-uvgl-label, body.psc-adr-klar .klar-erg .psc-adr-uvgl-einheit { font-size: 1rem; }
body.psc-adr-klar .klar-erg .psc-adr-uvgl-wert { font-size: 2.4rem; font-weight: 700; }
.klar-tail { order: 15 !important; display: grid; gap: 12px; }
.klar-tail-ende { order: 18 !important; }
.klar-acc { background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-r-m); }
.klar-acc-in { overflow-x: auto; padding-top: 4px; }
body.psc-adr-klar .klar-acc-in table { font-size: 1.02rem; min-width: 34rem; }
body.psc-adr-klar .klar-acc-in th, body.psc-adr-klar .klar-acc-in td { padding: 10px 8px; }
body.psc-adr-klar .klar-erg .psc-adr-tarifcheck, body.psc-adr-klar .klar-erg .psc-adr-grenze, body.psc-adr-klar .klar-erg .psc-adr-energieausweis, body.psc-adr-klar .klar-erg .psc-adr-notizen { font-size: 1rem; color: var(--k-muted); }
.klar-tail-ende .psc-adr-notizen { padding-left: 1.2rem; }
body.psc-adr-klar .psc-adr-aufbau { background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-r-m); margin-top: 22px; }
body.psc-adr-klar .psc-adr-aufbau > summary { padding: 18px 20px; font-size: 1.15rem; font-weight: 700; cursor: pointer; min-height: 60px; }

/* Naechster Schritt */
.klar-cta { order: 12 !important; border: 1px solid rgba(255,255,255,.28); border-radius: var(--k-r-l); background: linear-gradient(180deg, #161a1c, #101315); padding: clamp(22px, 4vw, 44px); }
.klar-duo { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 16px; margin-top: 22px; }
.klar-kachel { background: var(--k-bg); border: 1px solid var(--k-line); border-radius: var(--k-r-l); padding: clamp(20px, 3vw, 30px); display: flex; flex-direction: column; gap: 14px; }
.klar-kachel-angebot { border-color: rgba(255,255,255,.5); }
.klar-kachel-h { font-size: 1.55rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.15; margin: 0; }
.klar-kachel-t { margin: 0; color: var(--k-muted); font-size: 1.1rem; }
.klar-kachel .klar-gross { width: 100%; margin-top: 4px; }
.klar-kontakt { display: grid; gap: 10px; margin-top: 6px; }
.klar-kontakt-h { margin: 0; font-size: 1rem; color: var(--k-muted); font-weight: 600; }
.klar-kontakt .klar-knopf { width: 100%; }
.klar-posten { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.klar-posten-zeile { display: grid; grid-template-columns: 1fr; gap: 10px; align-items: center; padding: 14px 16px; border: 1px solid var(--k-line); border-radius: var(--k-r-m); background: var(--k-surface); }
@media (min-width: 520px) { .klar-posten-zeile { grid-template-columns: 1fr auto; } }
.klar-posten-info { display: grid; gap: 2px; }
.klar-posten-info strong { font-size: 1.2rem; }
.klar-posten-info span { color: var(--k-muted); font-size: 1.08rem; }
.klar-summe { margin: 0; display: grid; gap: 2px; font-size: 1.35rem; font-weight: 700; }
.klar-summe small { font-weight: 400; font-size: .95rem; color: var(--k-muted); }
.klar-klein { margin: 0; font-size: .98rem; color: var(--k-muted); }
.klar-aus .klar-kachel-t { color: var(--k-muted); }
.klar-vertrauen { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--k-line); }
.klar-vertrauen .psc-adr-vertrauen { margin-top: 8px; }
.klar-lead { margin-top: 22px; background: var(--k-bg); border: 1px solid rgba(255,255,255,.5); border-radius: var(--k-r-l); padding: clamp(20px, 3.4vw, 34px); }
.klar-lead > h2 { display: block !important; font-size: 1.6rem; margin: 0 0 8px; }
.klar-lead .psc-adr-raster { display: grid; gap: 16px; grid-template-columns: 1fr; }
.klar-lead .psc-adr-einwilligung { font-size: 1.02rem; display: flex; gap: 12px; align-items: flex-start; }
.klar-lead .psc-adr-einwilligung input { width: 28px; height: 28px; flex: none; margin-top: 2px; }

/* Mobile Leiste */
.klar-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); background: linear-gradient(0deg, rgba(8,10,11,.97) 70%, rgba(8,10,11,0)); display: none; }
.klar-sticky .klar-gross { width: 100%; }
@media (max-width: 760px) { .klar-sticky:not([hidden]) { display: block; } }

/* FAQ und Chat im neuen Stil */
body.psc-adr-klar .psc-adr-faq { margin-top: 36px; }
body.psc-adr-klar .psc-adr-faq h2, body.psc-adr-klar .psc-adr-avatar h2 { font-size: 1.7rem; letter-spacing: -.018em; }
body.psc-adr-klar .psc-adr-faq details { background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-r-m); margin: 0 0 10px; }
body.psc-adr-klar .psc-adr-faq summary { padding: 18px 20px; font-size: 1.15rem; font-weight: 700; cursor: pointer; min-height: 60px; }
body.psc-adr-klar .psc-adr-faq details p { padding: 0 20px 18px; margin: 0; color: var(--k-muted); font-size: 1.08rem; }
body.psc-adr-klar .psc-adr-avatar { margin-top: 26px; }
body.psc-adr-klar .psc-adr-fuss { margin-top: 28px; font-size: .95rem; color: var(--k-muted); }

@media (prefers-reduced-motion: reduce) { body.psc-adr-klar *, body.psc-adr-klar *::before, body.psc-adr-klar *::after { transition: none !important; scroll-behavior: auto !important; } }

/* ---- Nachbesserungen (Runde 2) ---- */
body.psc-adr-klar .psc-adr .klar-h { font-size: clamp(1.8rem, 1.3rem + 2vw, 2.7rem); margin: 0 0 10px; }
body.psc-adr-klar .psc-adr-option span { overflow-wrap: anywhere; hyphens: auto; min-width: 0; }
.klar-flaechen-grid { align-items: start; }
.klar-flaechen-grid .psc-adr-feld input { margin: 0; }
body.psc-adr-klar .klar-erg .psc-adr-ergebnis-hero { order: 2; }
.klar-anpassen { order: 3 !important; }
.klar-cta { order: 4 !important; }
body.psc-adr-klar .klar-erg .psc-adr-uvgl, body.psc-adr-klar .klar-erg .psc-adr-klassen, body.psc-adr-klar .klar-erg .psc-adr-geg, body.psc-adr-klar .klar-erg .psc-adr-klassisch { order: 10; }
body.psc-adr-klar .klar-erg .psc-adr-klassisch-pscoat .psc-adr-klassisch-uwert, body.psc-adr-klar .klar-erg .psc-adr-klassisch-pscoat .psc-adr-klassisch-label { color: var(--k-on) !important; opacity: 1; }
.klar-cta:not(.klar-lead-offen) > .klar-lead { display: none; }
.klar-lead .psc-adr-nr { display: none; }
.klar-kachel-angebot .klar-kontakt { margin-top: auto; }
.klar-pk { display: grid; gap: 2px; margin-top: 6px; font-weight: 500; }
.klar-pk small { font-size: .88rem; line-height: 1.25; opacity: .85; }
.klar-anpassen .psc-adr-optionen { grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.klar-anpassen .psc-adr-paketwahl .psc-adr-option span { flex-direction: column; min-height: 5.6rem; }

.klar-lead { margin-top: 26px !important; }
@media (max-width: 640px) {
	body.psc-adr-klar .psc-adr-ergebnis-hero-neben { grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 10px; }
	body.psc-adr-klar .psc-adr-ergebnis-hero-neben > div { padding: 12px 12px; }
	body.psc-adr-klar .psc-adr-ergebnis-hero-neben dd { font-size: 1.12rem; }
	.klar-cta { padding: 18px 14px; }
	.klar-kachel { padding: 18px 16px; }
}

.klar-warum-h { order: 9 !important; margin: 18px 0 -6px !important; }
.klar-anpassen { padding: clamp(14px, 2.6vw, 24px); gap: 14px; }
.klar-anpassen .psc-adr-paketwahl legend { font-size: 1.25rem; }
.klar-anpassen .klar-mehr { margin: 0; }
.klar-mehr-heizung .psc-adr-optionen { grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); }

body.psc-adr-klar .psc-adr-option span.klar-pk { background: none; border: 0; box-shadow: none; border-radius: 0; min-height: 0; padding: 0; margin: 6px 0 0; display: grid; gap: 2px; color: inherit; font-weight: 500; }
body.psc-adr-klar .psc-adr-option span.klar-pk small { display: block; font-size: .9rem; line-height: 1.25; opacity: .9; color: inherit; }
body.psc-adr-klar .klar-acc caption { display: none; }

body.psc-adr-klar .psc-adr-option span.klar-pk { gap: 0; margin-top: 8px; text-align: center; }
body.psc-adr-klar .psc-adr-option span.klar-pk .klar-pk-l { font-size: .82rem; opacity: .75; margin-top: 6px; font-weight: 500; }
body.psc-adr-klar .psc-adr-option span.klar-pk strong { font-size: 1rem; font-weight: 700; line-height: 1.25; }
.klar-anpassen .psc-adr-paketwahl .psc-adr-option span { min-height: 9rem; justify-content: flex-start; }
body.psc-adr-klar .psc-adr-ergebnis-hero-neben > * { min-width: 0; overflow-wrap: break-word; }

/* Philipp 31.10.2026: Vertrauenstext beim Adressfeld und fetter Hinweis statt Kontaktformular. */
.psc-adr .psc-adr-datenfrei{margin:.8rem 0 0;padding:.75rem 1rem;border-left:4px solid #3ecf8e;border-radius:8px;background:rgba(62,207,142,.09);font-size:.95em;line-height:1.55}
.psc-adr .psc-adr-datenfrei a{font-weight:700}
.psc-adr .psc-adr-ohnedaten{margin:.5rem 0 1rem;padding:.9rem 1.1rem;border-left:4px solid #3ecf8e;border-radius:8px;background:rgba(62,207,142,.09);font-size:1.12em;line-height:1.5}
.psc-adr .psc-adr-ohnedaten strong{font-weight:800}