/*
 * Werkzeuge in Ratgebern (W3 Geld-Rechner, W4 Checks; 10.10.2026). Gestaltung aus litauen-plus.css übernommen
 * (Klassen umbenannt .pal-lit → .pal-wz): Fläche, Rand, eine Zahl. Keine Farbleiste, keine Pillen, keine Versalien,
 * keine Bewegung. Tokens aus framework/tokens.css. ⓘ-Münze (E-08) wie wegweiser-startseite.css.
 */
.pal-wz[hidden], .pal-wz [hidden] { display: none !important; }

/* ---- Kurzrechner ---- */
.pal-wz {
	box-sizing: border-box;
	max-width: var(--ps-lesebreite, 660px);
	margin: var(--ps-a-5) 0 0;
	padding: var(--ps-a-5);
	border: 1px solid var(--ps-farbe-rand);
	border-radius: var(--ps-kasten-radius, 4px);
	background: var(--ps-kasten-bg);
	color: var(--ps-farbe-text);
	font-family: var(--ps-font-body);
	font-size: var(--ps-gr-text);
	line-height: var(--ps-zeile-klein);
}
.pal-wz *, .pal-wz *::before, .pal-wz *::after { box-sizing: border-box; }
.pal-wz .pal-wz__titel {
	margin: 0;
	color: var(--ps-farbe-kopf);
	font-family: var(--ps-font-head);
	font-size: var(--ps-gr-h3);
	font-weight: var(--ps-staerke-kopf);
	line-height: var(--ps-zeile-kopf);
}
.pal-wz .pal-wz__lead { margin: var(--ps-a-2) 0 0; color: var(--ps-farbe-text); font-size: var(--ps-gr-klein); }
.pal-wz .pal-wz__form { display: grid; gap: var(--ps-a-4); margin: var(--ps-a-4) 0 0; }
.pal-wz .pal-wz__feld { display: grid; gap: var(--ps-a-2); min-width: 0; margin: 0; padding: 0; border: 0; }
.pal-wz .pal-wz__feld > label,
.pal-wz .pal-wz__feld > legend {
	padding: 0;
	color: var(--ps-farbe-kopf);
	font-family: var(--ps-font-head);
	font-size: var(--ps-gr-klein);
	font-weight: var(--ps-staerke-betont);
}
.pal-wz .pal-wz__feld > legend { margin-bottom: var(--ps-a-2); }
.pal-wz select,
.pal-wz input[type="number"],
.pal-wz input[type="date"] {
	width: 100%;
	min-height: 44px;
	padding: var(--ps-a-2) var(--ps-a-3);
	border: 1px solid var(--ps-farbe-rand);
	border-radius: var(--ps-radius, 4px);
	background: var(--ps-farbe-flaeche);
	color: var(--ps-farbe-text);
	font: inherit;
	font-size: 16px;   /* kein Zoom auf iOS */
}
.pal-wz select:focus-visible, .pal-wz input:focus-visible, .pal-wz summary:focus-visible,
.pal-wz .pal-wz__wahl input:focus-visible + span { outline: 3px solid var(--ps-farbe-fokus); outline-offset: 2px; }

/* Auswahl als rechteckige Knöpfe (Radio bleibt Radio für Tastatur und Vorleser) */
.pal-wz .pal-wz__wahl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ps-a-2); }
.pal-wz .pal-wz__wahl label { position: relative; display: flex; margin: 0; cursor: pointer; }
.pal-wz .pal-wz__wahl input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pal-wz .pal-wz__wahl span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	padding: var(--ps-a-2) var(--ps-a-3);
	border: 1px solid var(--ps-farbe-rand);
	border-radius: var(--ps-radius, 4px);
	background: var(--ps-farbe-flaeche);
	color: var(--ps-farbe-text);
	font-size: var(--ps-gr-klein);
	line-height: var(--ps-zeile-eng);
}
.pal-wz .pal-wz__wahl small { margin-top: 2px; color: var(--ps-farbe-leise); font-size: var(--ps-gr-fein); }
.pal-wz .pal-wz__wahl label:hover span { border-color: var(--ps-farbe-kopf); }
.pal-wz .pal-wz__wahl input:checked + span {
	border: 2px solid var(--ps-farbe-kopf);
	padding: calc(var(--ps-a-2) - 1px) calc(var(--ps-a-3) - 1px);
	color: var(--ps-farbe-kopf);
	font-weight: var(--ps-staerke-betont);
}
.pal-wz .pal-wz__genauer { border-top: 1px solid var(--ps-farbe-rand); padding-top: var(--ps-a-3); }
.pal-wz .pal-wz__genauer summary { color: var(--ps-farbe-link); font-size: var(--ps-gr-klein); font-weight: var(--ps-staerke-betont); cursor: pointer; }
.pal-wz .pal-wz__genauer-felder { display: grid; gap: var(--ps-a-4); margin-top: var(--ps-a-4); }
.pal-wz .pal-wz__hinweis { color: var(--ps-farbe-leise); font-size: var(--ps-gr-fein); line-height: var(--ps-zeile-klein); }

/* Ergebnis */
.pal-wz .pal-wz__ergebnis { margin-top: var(--ps-a-5); padding-top: var(--ps-a-5); border-top: 1px solid var(--ps-farbe-rand); }
.pal-wz .pal-wz__betrag-wort { margin: 0; color: var(--ps-farbe-leise); font-size: var(--ps-gr-klein); }
.pal-wz .pal-wz__betrag {
	margin: var(--ps-a-1) 0 0;
	color: var(--ps-farbe-kopf);
	font-family: var(--ps-font-zahl);
	font-size: clamp(30px, 6vw, 40px);
	font-weight: var(--ps-staerke-kopf-gross);
	font-variant-numeric: tabular-nums;
	line-height: 1.1;
}
.pal-wz .pal-wz__unter, .pal-wz .pal-wz__vergleich { margin: var(--ps-a-2) 0 0; font-size: var(--ps-gr-klein); }
.pal-wz .pal-wz__vergleich { color: var(--ps-farbe-text); }
.pal-wz .pal-wz__aufst { width: 100%; margin: var(--ps-a-4) 0 0; border-collapse: collapse; font-size: var(--ps-gr-klein); }
.pal-wz .pal-wz__aufst caption { caption-side: top; padding-bottom: var(--ps-a-2); color: var(--ps-farbe-kopf); font-weight: var(--ps-staerke-betont); text-align: left; }
.pal-wz .pal-wz__aufst th, .pal-wz .pal-wz__aufst td { padding: var(--ps-a-2) 0; border: 0; border-bottom: 1px solid var(--ps-farbe-rand); background: none; text-align: left; font-weight: var(--ps-staerke-text); }
.pal-wz .pal-wz__aufst td { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; padding-left: var(--ps-a-3); }
.pal-wz .pal-wz__aufst .pal-wz__summe th, .pal-wz .pal-wz__aufst .pal-wz__summe td { color: var(--ps-farbe-kopf); font-weight: var(--ps-staerke-betont); }
.pal-wz .pal-wz__notizen { margin: var(--ps-a-4) 0 0; padding: 0; list-style: none; display: grid; gap: var(--ps-a-2); }
.pal-wz .pal-wz__notizen li { margin: 0; padding: 0; color: var(--ps-farbe-text); font-size: var(--ps-gr-klein); }
.pal-wz .pal-wz__notizen li::before { content: none; }
.pal-wz a { color: var(--ps-farbe-link); }
.pal-wz .pal-wz__link {
	padding: 0; border: 0; background: none; color: var(--ps-farbe-link);
	font: inherit; font-weight: var(--ps-staerke-betont); text-decoration: underline; cursor: pointer;
}
.pal-wz .pal-wz__schritte { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ps-a-3); margin-top: var(--ps-a-5); }
.pal-wz .pal-wz__knopf {
	display: inline-flex; align-items: center; gap: var(--ps-a-2);
	min-height: 44px; padding: var(--ps-a-2) var(--ps-a-4);
	border-radius: var(--ps-knopf-radius, 4px);
	font-family: var(--ps-font-head); font-size: var(--ps-gr-klein); font-weight: var(--ps-staerke-knopf);
	line-height: var(--ps-zeile-eng); text-decoration: none; cursor: pointer;
}
.pal-wz .pal-wz__knopf--zwei { border: 2px solid var(--ps-farbe-aktion); background: var(--ps-farbe-flaeche); color: var(--ps-farbe-aktion); }
.pal-wz .pal-wz__knopf--zwei:hover, .pal-wz .pal-wz__knopf--zwei:focus-visible { border-color: var(--ps-farbe-aktion-hover); color: var(--ps-farbe-aktion-hover); }
.pal-wz .pal-wz__knopf--gespraech { border: 0; background: var(--ps-knopf-bg); color: #fff; }
.pal-wz .pal-wz__knopf--gespraech:hover, .pal-wz .pal-wz__knopf--gespraech:focus-visible { background: var(--ps-knopf-bg-hover); color: #fff; }
.pal-wz .pal-wz__motiv { flex: 0 0 auto; width: 24px; height: 24px; image-rendering: pixelated; }
.pal-wz .pal-wz__akte { margin: 0; font-size: var(--ps-gr-klein); }
.pal-wz .pal-wz__akte.ist-drin::before {
	content: ""; display: inline-block; width: 6px; height: 11px; margin: 0 10px 0 4px;
	border: solid var(--ps-farbe-erledigt); border-width: 0 3px 3px 0; transform: rotate(45deg);
}
.pal-wz .pal-wz__termine { margin-top: var(--ps-a-5); padding-top: var(--ps-a-4); border-top: 1px solid var(--ps-farbe-rand); display: grid; gap: var(--ps-a-3); }
.pal-wz .pal-wz__klein-titel { margin: 0; color: var(--ps-farbe-kopf); font-family: var(--ps-font-head); font-size: var(--ps-gr-klein); font-weight: var(--ps-staerke-betont); }
.pal-wz .pal-wz__termin { display: grid; gap: var(--ps-a-2); font-size: var(--ps-gr-klein); }
.pal-wz .pal-wz__termin-zeile { display: flex; flex-wrap: wrap; gap: var(--ps-a-2); }
.pal-wz .pal-wz__termin-zeile input { flex: 1 1 160px; width: auto; }
.pal-wz .pal-wz__kal-status { margin: 0; font-size: var(--ps-gr-klein); }
.pal-wz .pal-wz__kal-status:empty { display: none; }
.pal-wz .pal-wz__gespraech { margin-top: var(--ps-a-5); padding-top: var(--ps-a-4); border-top: 1px solid var(--ps-farbe-rand); }
.pal-wz .pal-wz__gespraech > p { margin: 0 0 var(--ps-a-3); font-size: var(--ps-gr-klein); }
.pal-wz .pal-wz__klein { margin: var(--ps-a-3) 0 0 !important; color: var(--ps-farbe-leise); font-size: var(--ps-gr-fein) !important; }

@media (max-width: 600px) {
	.pal-wz { padding: var(--ps-a-4); }
	.pal-wz .pal-wz__knopf { width: 100%; justify-content: center; text-align: center; }
}


/* ---- Gegen die Fließtext-Regeln des Themes (#ps-sub .ps-artikel .ps-prose …, ID-Gewicht) ----
   Gilt für beide Lagen: unter der Antwort (pal_fw_nach_antwort) und an der Kurzcode-Stelle im Text. */
#ps-sub .ps-artikel .pal-wz li{ position: relative; margin: 0; padding-left: 0; line-height: var(--ps-zeile-klein); }
#ps-sub .ps-artikel .pal-wz li::before{ content: none; display: none; }
#ps-sub .ps-artikel .pal-wz p{ margin-bottom: 0; line-height: var(--ps-zeile-klein); max-width: none; }
#ps-sub .ps-artikel .pal-wz .pal-wz__betrag { line-height: 1.1; }
#ps-sub .ps-artikel .ps-prose > .pal-wz { margin: 0 0 var(--ps-a-6); }
#ps-sub .ps-artikel .pal-wz table.pal-wz__aufst { display: table; width: 100%; margin: var(--ps-a-4) 0 0; border: 0; border-radius: 0; background: none; overflow: visible; font-size: var(--ps-gr-klein); }
#ps-sub .ps-artikel .pal-wz table.pal-wz__aufst tr { background: none; }
#ps-sub .ps-artikel .pal-wz table.pal-wz__aufst th, #ps-sub .ps-artikel .pal-wz table.pal-wz__aufst td { padding: var(--ps-a-2) 0; border: 0; border-bottom: 1px solid var(--ps-farbe-rand); background: none; color: var(--ps-farbe-text); }
#ps-sub .ps-artikel .pal-wz table.pal-wz__aufst td { padding-left: var(--ps-a-3); }
#ps-sub .ps-artikel .pal-wz table.pal-wz__aufst .pal-wz__summe th, #ps-sub .ps-artikel .pal-wz table.pal-wz__aufst .pal-wz__summe td { color: var(--ps-farbe-kopf); }
#ps-sub .ps-artikel .pal-wz p{ margin-top: 0; }
#ps-sub .ps-artikel .pal-wz .pal-wz__lead, #ps-sub .ps-artikel .pal-wz .pal-wz__unter,
#ps-sub .ps-artikel .pal-wz .pal-wz__vergleich{ margin-top: var(--ps-a-2); }
#ps-sub .ps-artikel .pal-wz .pal-wz__betrag { margin-top: var(--ps-a-1); }
#ps-sub .ps-artikel .pal-wz .pal-wz__klein { margin-top: var(--ps-a-3); }
#ps-sub .ps-artikel .pal-wz .pal-wz__gespraech > p { margin-bottom: var(--ps-a-3); }

/* ---- ⓘ-Münze, Fußtext, Check ---- */
.pal-wz { --pal-wz-muenze: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22 shape-rendering=%22crispEdges%22%3E%3Crect x=%224%22 y=%220%22 width=%224%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%222%22 y=%221%22 width=%222%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%224%22 y=%221%22 width=%224%22 height=%221%22 fill=%22%23DCD3A0%22/%3E%3Crect x=%228%22 y=%221%22 width=%222%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%221%22 y=%222%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%222%22 y=%222%22 width=%222%22 height=%221%22 fill=%22%23DCD3A0%22/%3E%3Crect x=%224%22 y=%222%22 width=%226%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%2210%22 y=%222%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%221%22 y=%223%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%222%22 y=%223%22 width=%221%22 height=%221%22 fill=%22%23DCD3A0%22/%3E%3Crect x=%223%22 y=%223%22 width=%223%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%226%22 y=%223%22 width=%222%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%228%22 y=%223%22 width=%222%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%2210%22 y=%223%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%220%22 y=%224%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%221%22 y=%224%22 width=%221%22 height=%221%22 fill=%22%23DCD3A0%22/%3E%3Crect x=%222%22 y=%224%22 width=%224%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%226%22 y=%224%22 width=%222%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%228%22 y=%224%22 width=%223%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%2211%22 y=%224%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%220%22 y=%225%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%221%22 y=%225%22 width=%2210%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%2211%22 y=%225%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%220%22 y=%226%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%221%22 y=%226%22 width=%224%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%225%22 y=%226%22 width=%223%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%228%22 y=%226%22 width=%223%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%2211%22 y=%226%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%220%22 y=%227%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%221%22 y=%227%22 width=%225%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%226%22 y=%227%22 width=%222%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%228%22 y=%227%22 width=%223%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%2211%22 y=%227%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%221%22 y=%228%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%222%22 y=%228%22 width=%224%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%226%22 y=%228%22 width=%222%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%228%22 y=%228%22 width=%222%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%2210%22 y=%228%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%221%22 y=%229%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%222%22 y=%229%22 width=%223%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%225%22 y=%229%22 width=%224%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%229%22 y=%229%22 width=%221%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%2210%22 y=%229%22 width=%221%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%222%22 y=%2210%22 width=%222%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%224%22 y=%2210%22 width=%224%22 height=%221%22 fill=%22%238E8440%22/%3E%3Crect x=%228%22 y=%2210%22 width=%222%22 height=%221%22 fill=%22%231E2748%22/%3E%3Crect x=%224%22 y=%2211%22 width=%224%22 height=%221%22 fill=%22%231E2748%22/%3E%3C/svg%3E"); }
.pal-wz .pal-wz__labelzeile { display: flex; align-items: center; gap: var(--ps-a-1); }
.pal-wz .pal-wz__labelzeile > label { padding: 0; color: var(--ps-farbe-kopf); font-family: var(--ps-font-head); font-size: var(--ps-gr-klein); font-weight: var(--ps-staerke-betont); }
.pal-wz .pal-wz__info { display: inline-grid; place-items: center; width: 32px; height: 32px; margin: -6px 0; padding: 0; border: 0; border-radius: var(--ps-radius, 4px); background: transparent; cursor: pointer; }
.pal-wz .pal-wz__info i { display: block; width: 16px; height: 16px; background: var(--pal-wz-muenze) center / contain no-repeat; image-rendering: pixelated; }
.pal-wz .pal-wz__info:focus-visible { outline: 3px solid var(--ps-farbe-fokus); outline-offset: 2px; }
.pal-wz .pal-wz__vorleser { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pal-wz .pal-wz__infotext { margin: 0; padding: var(--ps-a-3) var(--ps-a-4); border-radius: var(--ps-radius, 4px); background: var(--ps-farbe-flaeche-2, var(--ps-farbe-flaeche)); color: var(--ps-farbe-text); font-size: var(--ps-gr-klein); line-height: var(--ps-zeile-klein); }
.pal-wz .pal-wz__fuss { margin: var(--ps-a-5) 0 0; padding-top: var(--ps-a-3); border-top: 1px solid var(--ps-farbe-rand); color: var(--ps-farbe-leise); font-size: var(--ps-gr-fein); line-height: var(--ps-zeile-klein); }
.pal-wz .pal-wz__wahl--eins { grid-template-columns: minmax(0, 1fr); }
.pal-wz .pal-wz__frage { display: grid; gap: var(--ps-a-2); }
.pal-wz .pal-wz__antwort { margin: 0; color: var(--ps-farbe-kopf); font-family: var(--ps-font-head); font-size: var(--ps-gr-h4, 1.25rem); font-weight: var(--ps-staerke-kopf); line-height: var(--ps-zeile-kopf); }
.pal-wz .pal-wz__akte { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ps-a-3); margin-top: var(--ps-a-4); }
#ps-sub .ps-artikel .pal-wz .pal-wz__fuss { margin-top: var(--ps-a-5); }
#ps-sub .pal-wz .pal-wz__infotext, #ps-sub .pal-wz .pal-wz__antwort { margin-top: 0; }
@media (max-width: 600px) { .pal-wz .pal-wz__wahl { grid-template-columns: minmax(0, 1fr); } }

/* ---- Checks (W4): Antwortknöpfe, Zurück, Ergebnis ---- */
.pal-wz .pal-wz__wahlknopf {
	display: flex; align-items: center; width: 100%; min-height: 48px; margin: 0;
	padding: var(--ps-a-2) var(--ps-a-3);
	border: 1px solid var(--ps-farbe-rand); border-radius: var(--ps-radius, 4px);
	background: var(--ps-farbe-flaeche); color: var(--ps-farbe-text);
	font: inherit; font-size: var(--ps-gr-klein); line-height: var(--ps-zeile-eng); text-align: left; text-transform: none; letter-spacing: normal;
	cursor: pointer;
}
.pal-wz .pal-wz__wahlknopf:hover { border-color: var(--ps-farbe-kopf); }
.pal-wz .pal-wz__wahlknopf:focus-visible, .pal-wz .pal-wz__link:focus-visible, .pal-wz .pal-wz__antwort:focus-visible { outline: 3px solid var(--ps-farbe-fokus); outline-offset: 2px; }
.pal-wz .pal-wz__wahl--raster { grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); }
.pal-wz .pal-wz__wahl--raster .pal-wz__wahlknopf { justify-content: center; text-align: center; }
.pal-wz .pal-wz__check { margin-top: var(--ps-a-4); }
.pal-wz .pal-wz__ergebnis-check { display: grid; gap: var(--ps-a-3); }
.pal-wz .pal-wz__akte .pal-wz__unter { margin: 0; color: var(--ps-farbe-leise); font-size: var(--ps-gr-fein); }
@media (max-width: 600px) { .pal-wz .pal-wz__wahl--raster { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
#ps-sub .ps-artikel .pal-wz .pal-wz__ergebnis-check p, #ps-sub .ps-artikel .pal-wz .pal-wz__frage p { margin: 0; }
