/* Kostenseite mit Preisrechner (Seitensitzung Kostenseite, 04.11.2026), von Hand.
   Rechner nach dem Referenzentwurf preisrechner-entwurf.html mit Flos Korrekturen vom 04.11.2026: Wahlkacheln mit
   Text oben links und Marke auf Höhe der ersten Zeile, Leistungen als einspaltige Liste, gleiche Abstände.
   Blatt nach dem Formular „Mandant werden“, Ziffernkachel nach der Ablaufseite. */

/* ===== Einleitung und Rechner ===== */
.pr{padding-block:clamp(48px,6vw,96px) clamp(56px,7vw,104px)}
.pr__raster{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr;grid-template-areas:"intro karte" "blatt karte";column-gap:clamp(40px,5vw,80px);row-gap:40px;align-items:start}
.pr__intro{grid-area:intro}
.pr__intro h1{max-width:12ch;text-wrap:balance;font-size:clamp(2.4rem,.8rem + 3.2vw,3.5rem)}
/* „Ihre Steuerberatung?“ bleibt zusammen, damit kein Wort allein in der letzten Zeile steht; unter 400 px darf es brechen */
@media (min-width:400px){.zusammen{white-space:nowrap}}
.pr__unter{margin-top:24px;font-size:1.125rem;line-height:1.7;max-width:31em;color:var(--tinte);text-wrap:pretty}

/* Karte mit den Eingaben, wie das Formular „Mandant werden“ */
.pr-karte{grid-area:karte;margin:0;background:#fff;border:1px solid var(--linie);border-radius:24px;padding:32px 40px 40px;scroll-margin-top:96px}
.pr-karte__kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding-bottom:16px;margin-bottom:32px;border-bottom:1px solid var(--flaeche)}
.pr-karte__kopf h2{font:600 15px/1.4 "Inter",system-ui,sans-serif;letter-spacing:0;color:var(--tinte)}
.pr-karte__kopf h2:focus{outline:none}
.pr-karte__kopf h2:focus-visible{outline:2px solid var(--p600);outline-offset:4px;border-radius:4px}
.pr-karte__stand{font-size:14px;line-height:1.4;color:var(--leise)}
.pr-schritt{margin:0;padding:0;border:0;min-width:0}
.pr-schritt+.pr-schritt{margin-top:44px;padding-top:40px;border-top:1px solid var(--flaeche)}
/* Ziffernkachel so hoch wie die zwei Zeilen daneben (wie ablauf.css) */
.pr-kopf{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:start;margin-bottom:24px}
.pr-kopf .az{margin-top:8.4px}
.pr-kopf h3{font-size:1.5rem;line-height:28px;font-weight:500;letter-spacing:-.01em}
/* Kachel so hoch wie die zwei Zeilen daneben: oben Versalhöhe des Titels, unten Grundlinie der ersten Textzeile */
.pr-kopf p{margin-top:11.9px;font-size:15px;line-height:1.5;color:var(--leise)}
.pr-gruppe{margin:0;padding:0;border:0;min-width:0}
.pr-gruppe+.pr-gruppe{margin-top:28px}
.pr-gruppe[hidden],.pr-feld[hidden],.pr-wahlen[hidden],.pr-fest[hidden],.pr-hinweis[hidden]{display:none}
.pr-legend{display:block;padding:0;margin-bottom:12px;font:600 15px/1.4 "Inter",system-ui,sans-serif;color:var(--tinte)}
.pr-opt{font-weight:400;color:var(--leise)}
.pr-hinweis{display:block;font:400 14px/1.5 "Inter",system-ui,sans-serif;color:var(--leise)}
.pr-legend .pr-hinweis{margin-top:2px}
.pr-fest{padding:14px 16px;border-radius:14px;background:var(--grund);font-size:15px;line-height:1.5;color:var(--tinte)}
.pr-fest b{font-weight:600}

/* Wahlkacheln (eine Antwort): Text links oben, Marke rechts oben auf Höhe der ersten Zeile */
.pr-wahlen{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.pr-wahlen--drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.pr-wahl{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:52px;padding:16px 14px 16px 16px;background:#fff;border-radius:14px;box-shadow:inset 0 0 0 1px var(--linie);cursor:pointer;-webkit-tap-highlight-color:transparent}
.pr-wahlen--drei .pr-wahl{flex-direction:column-reverse;justify-content:flex-end;gap:14px;min-height:0;padding:16px 16px 18px}
.pr-wahl:hover{box-shadow:inset 0 0 0 1px #9ca8ab}
.pr-wahl input,.pr-zeile input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.pr-wahl__text{display:block;min-width:0}
.pr-wahl__titel{display:block;font:600 15px/20px "Inter",system-ui,sans-serif;color:var(--tinte);text-wrap:balance}
.pr-wahlen--drei .pr-wahl__titel{font:500 19px/20px "Familjen Grotesk",system-ui,sans-serif;letter-spacing:-.01em}
.pr-wahl__sub{display:block;margin-top:4px;font:400 14px/1.45 "Inter",system-ui,sans-serif;color:var(--leise);text-wrap:pretty}
.pr-wahl__punkt{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #8a989c}
.pr-haken{display:block;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.pr-wahl__punkt .pr-haken{width:13px;height:13px}
.pr-wahl:has(input:checked){box-shadow:inset 0 0 0 2px var(--p700)}
.pr-wahl:has(input:checked) .pr-wahl__punkt{background:var(--p700);box-shadow:none}
.pr-wahl:has(input:checked) .pr-haken,.pr-zeile:has(input:checked) .pr-haken{opacity:1}
.pr-wahl:has(input:focus-visible){outline:2px solid var(--p600);outline-offset:2px}

/* Leistungsliste (mehrere Antworten): eine Spalte, Kästchen auf Höhe der ersten Zeile, abgewählt tritt zurück */
.pr-liste{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--linie)}
.pr-zeile{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:14px;align-items:start;padding:15px 18px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pr-zeile+.pr-zeile{box-shadow:0 -1px 0 var(--flaeche)}
.pr-zeile:first-child{border-radius:16px 16px 0 0}
.pr-zeile:last-child{border-radius:0 0 16px 16px}
.pr-zeile:only-child{border-radius:16px}
.pr-zeile:hover{background:#f7f8f8}
.pr-zeile__box{display:grid;place-items:center;width:22px;height:22px;margin-top:-1px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1.5px #67787c}
.pr-zeile__box .pr-haken{width:15px;height:15px}
.pr-zeile:has(input:checked) .pr-zeile__box{background:var(--p700);box-shadow:none}
.pr-zeile__text{display:block;min-width:0}
.pr-zeile__titel{display:block;font:600 15px/20px "Inter",system-ui,sans-serif;color:var(--tinte)}
.pr-zeile__sub{display:block;margin-top:3px;font:400 14px/1.45 "Inter",system-ui,sans-serif;color:var(--leise)}
.pr-zeile:has(input:not(:checked)) .pr-zeile__titel{color:var(--leise);font-weight:500}
.pr-zeile:has(input:not(:checked)) .pr-zeile__sub{color:#6b787b}
.pr-zeile:has(input:focus-visible){outline:2px solid var(--p600);outline-offset:-2px}
@media (prefers-reduced-motion:no-preference){
  .pr-wahl{transition:box-shadow .15s ease}
  .pr-wahl__punkt,.pr-zeile__box{transition:background-color .15s ease,box-shadow .15s ease}
  .pr-haken{transition:opacity .12s ease}
  .pr-zeile{transition:background-color .15s ease}
}

/* Zahlenfelder */
.pr-felder{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pr-feld{display:grid;gap:6px;align-content:start;grid-template-columns:minmax(0,1fr)}
.pr-label{font:600 15px/1.4 "Inter",system-ui,sans-serif;color:var(--tinte)}
.pr-eingabe-zeile{position:relative;display:flex;align-items:center}
.pr-eingabe{width:100%;min-width:0;height:48px;padding:0 40px 0 14px;border:1px solid #67787c;border-radius:12px;background:#fff;font:400 16px/1.4 "Inter",system-ui,sans-serif;color:var(--tinte);font-variant-numeric:tabular-nums}
.pr-eingabe:focus-visible{outline:2px solid var(--p600);outline-offset:2px}
.pr-einheit{position:absolute;right:14px;font:500 16px/1 "Inter",system-ui,sans-serif;color:var(--leise);pointer-events:none}
.pr-zaehler{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;max-width:220px}
.pr-zaehler .pr-eingabe{padding:0 10px;text-align:center}
/* Safari am iPhone liest schnelles Tippen sonst als Doppeltipp und zoomt (Simulator, 04.11.2026) */
.pr-plusminus,.pr-wahl,.pr-zeile,.pr-eingabe,.knopf,.pr-rechenweg summary,.bsp-rechnen,.pfeillink{touch-action:manipulation}
.kit-btn.pr-plusminus{height:48px;padding:0;border:1px solid var(--linie);border-radius:12px;background:#fff;box-shadow:none;font:500 22px/1 "Inter",system-ui,sans-serif;color:var(--tinte);cursor:pointer;-webkit-tap-highlight-color:transparent}
.kit-btn.pr-plusminus:hover{border-color:#9ca8ab;background:#fff}
.kit-btn.pr-plusminus:focus-visible{outline:2px solid var(--p600);outline-offset:2px}
.kit-btn.pr-plusminus:disabled{opacity:1;color:#9ca8ab;cursor:default}
.pr-unterzeile{margin:0 0 10px;font:600 13px/1.4 "Inter",system-ui,sans-serif;color:var(--leise)}
.pr-liste+.pr-unterzeile{margin-top:20px}
.pr-zum-ergebnis{display:none;margin-top:28px;color:var(--tinte)}

/* ===== Das Blatt: so rechnet die Gebührenordnung für Sie (Stil wie das Blatt im Formular) ===== */
.pr-blattzone{grid-area:blatt;position:relative;z-index:0;min-width:0}
.pr-blatt{position:relative;padding:26px 28px 28px;background:#fff;border:1px solid var(--tinte);border-radius:6px}
.pr-blatt::before{content:"";position:absolute;inset:0;transform:translate(9px,9px);background:var(--flaeche);border:1px solid #9ca8ab;border-radius:6px;z-index:-1}
.pr-blatt__kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--linie)}
.pr-blatt__kopf h2{font:600 14px/1.4 "Inter",system-ui,sans-serif;letter-spacing:0;color:var(--tinte)}
.pr-blatt__stand{font-size:14px;line-height:1.4;color:var(--leise)}
.pr-posten{margin:14px 0 0;padding:0;list-style:none}
.pr-posten li:first-child{border-top:0;padding-top:4px}
.pr-posten li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:baseline;padding:11px 0;border-top:1px solid var(--flaeche)}
.pr-posten__titel{font:600 15px/1.4 "Inter",system-ui,sans-serif;color:var(--tinte)}
.pr-posten__norm{grid-column:1;margin-top:2px;font-size:13px;line-height:1.45;color:var(--leise)}
.pr-posten__takt{grid-column:2;margin-top:2px;text-align:right;font-size:13px;line-height:1.45;color:var(--leise);white-space:nowrap}
.pr-posten__betrag{grid-column:2;text-align:right;font:600 15px/1.4 "Inter",system-ui,sans-serif;color:var(--tinte);font-variant-numeric:tabular-nums;white-space:nowrap}
.pr-posten__betrag--offen{font-weight:500;color:var(--leise)}
/* Zusatz unter einem Posten: Sonderleistungen zum Lohn, Hinweis zu weiteren Einkünften */
.pr-posten__zusatz{grid-column:1/-1;margin-top:6px;font-size:13px;line-height:1.45;color:var(--leise)}
/* Bemaßung: gesetzlicher Rahmen als Maßlinie, unser Preis als Marke */
.pr-mass{grid-column:1/-1;position:relative;margin:12px 0 2px;height:44px}
.pr-mass__linie{position:absolute;left:0;right:0;top:10px;height:1.5px;background:var(--tinte)}
.pr-mass__linie::before,.pr-mass__linie::after{content:"";position:absolute;top:-6px;width:1.5px;height:13px;background:var(--tinte)}
.pr-mass__linie::before{left:0}
.pr-mass__linie::after{right:0}
.pr-mass__zahl{position:absolute;top:22px;font-size:12.5px;line-height:1.4;color:var(--leise);font-variant-numeric:tabular-nums}
.pr-mass__zahl--links{left:0}
.pr-mass__zahl--rechts{right:0}
.pr-mass__marke{position:absolute;top:2px;width:11px;height:17px;margin-left:-5.5px;border-radius:var(--kachel-ecke);background:var(--p700)}
.pr-mass__wir{position:absolute;top:22px;transform:translateX(-50%);font:600 12.5px/1.4 "Inter",system-ui,sans-serif;color:var(--p700);white-space:nowrap}
.pr-mass--zweizeilig{height:62px}
.pr-mass--zweizeilig .pr-mass__wir{top:40px}
.pr-summe{margin-top:6px;padding-top:16px;border-top:1px solid var(--tinte)}
.pr-summe__label{font:600 14px/1.4 "Inter",system-ui,sans-serif;color:var(--leise)}
.pr-summe__wert{margin-top:4px;font:400 clamp(1.9rem,1.4rem + 1.2vw,2.4rem)/1.05 "Familjen Grotesk",system-ui,sans-serif;letter-spacing:-.03em;color:var(--tinte);font-variant-numeric:tabular-nums}
.pr-summe__wert--leer{font-size:1.25rem;line-height:1.35;letter-spacing:-.01em;color:var(--leise)}
.pr-summe__zeile{margin-top:8px;font-size:14px;line-height:1.5;color:var(--leise)}
.pr-summe__zeile[hidden],.pr-einzel[hidden]{display:none}
.pr-einzel{margin-top:14px;font-size:14.5px;line-height:1.55;color:var(--tinte)}
.pr-rechenweg{margin-top:4px;padding:10px 0 14px;border-top:1px solid var(--flaeche)}
.pr-rechenweg[hidden]{display:none}
.pr-rechenweg summary{cursor:pointer;width:max-content;max-width:100%;font:600 14px/1.5 "Inter",system-ui,sans-serif;color:var(--p700);text-decoration:underline;text-underline-offset:3px;-webkit-tap-highlight-color:transparent}
.pr-rechenweg summary:focus-visible{outline:2px solid var(--p600);outline-offset:2px;border-radius:4px}
.pr-rechenweg ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.pr-rechenweg li{font-size:13.5px;line-height:1.5;color:var(--text)}
.pr-rechenweg b{font-weight:600;color:var(--tinte)}
.pr-richtwert{margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--p50);font-size:14.5px;line-height:1.55;color:var(--tinte)}
.pr-richtwert b{font-weight:600}
.pr-weiter{margin-top:22px;padding-top:18px;border-top:1px solid var(--linie)}
.pr-weiter__text{font-size:15px;line-height:1.55;color:var(--tinte)}
.pr-weiter__knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pr-uebergabe{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--leise)}
.pr-blatt-fuss{margin-top:30px;font-size:14px;line-height:1.5;color:var(--leise);max-width:34em}

/* Das Blatt bleibt im Blick, während rechts ausgewählt wird; nur wenn es unter dem Kopf ganz Platz hat.
   Die Karte beginnt auf der Versalhöhe der Überzeile links (Ausrichtungs-Check A2) */
@media (min-width:1001px){
  .pr-karte{margin-top:5.9px}
  .pr-blattzone{align-self:stretch}
  .pr-blattzone--mit .pr-blatt-halter{position:sticky;top:104px}
}

/* Zwischenstand am unteren Rand, solange die Eingaben im Bild sind und die Summe nicht */
.pr-leiste{position:fixed;left:0;right:0;bottom:0;z-index:18;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:rgba(241,243,243,.96);-webkit-backdrop-filter:saturate(1.2) blur(6px);backdrop-filter:saturate(1.2) blur(6px);border-top:1px solid var(--linie);transform:translateY(100%);visibility:hidden}
.pr-leiste--an{transform:none;visibility:visible}
@media (prefers-reduced-motion:no-preference){.pr-leiste{transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}.pr-leiste--an{transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s}}
/* Die ganze Leiste ist ein Verweis aufs Blatt; einzeilig, damit sie am Handy flach bleibt (Simulator, 04.11.2026) */
.pr-leiste__link{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--tinte);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.pr-leiste__link:focus-visible{outline:2px solid var(--p600);outline-offset:4px;border-radius:4px}
.pr-leiste__text{min-width:0}
.pr-leiste__label{display:block;font:600 13px/1.3 "Inter",system-ui,sans-serif;color:var(--leise)}
.pr-leiste__wert{display:block;font:400 22px/1.2 "Familjen Grotesk",system-ui,sans-serif;letter-spacing:-.02em;color:var(--tinte);font-variant-numeric:tabular-nums}
.pr-leiste__mehr{flex:none;padding-bottom:2px;border-bottom:2px solid currentColor;font:600 15px/1.4 "Inter",system-ui,sans-serif;white-space:nowrap}
.pr-leiste__link:hover .pr-leiste__mehr{border-bottom-color:transparent}
.pfeillink,.pr-rechenweg summary{-webkit-tap-highlight-color:transparent}

/* Ohne JavaScript: an Stelle des Rechners die Tabelle der Rahmen */
.pr-ohne-js{display:none;grid-area:karte;min-width:0}
html:not(.js) .pr-karte,html:not(.js) .pr-blattzone,html:not(.js) .bsp-aktion,html:not(.js) .pr-leiste{display:none}
html:not(.js) .pr-ohne-js{display:block}
.pr-tabelle{padding:32px 32px 28px;background:#fff;border:1px solid var(--linie);border-radius:24px}
.pr-tabelle__titel{font:600 15px/1.4 "Inter",system-ui,sans-serif;letter-spacing:0;color:var(--tinte)}
.pr-tabelle__text{margin-top:10px;font-size:15px;line-height:1.55;color:var(--text)}
.pr-tabelle__rollen{margin-top:18px;overflow-x:auto}
.pr-tabelle__rollen:focus-visible{outline:2px solid var(--p600);outline-offset:2px}
.pr-tabelle table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.45}
.pr-tabelle th,.pr-tabelle td{padding:10px 12px 10px 0;text-align:left;vertical-align:top;border-top:1px solid var(--flaeche)}
.pr-tabelle thead th{border-top:0;border-bottom:1px solid var(--tinte);font-weight:600;color:var(--tinte)}
.pr-tabelle tbody th{font-weight:600;color:var(--tinte)}
.pr-tabelle td{color:var(--text)}

/* ===== Rechenbeispiele: gleiche Zeilen in allen Karten auf gleicher Höhe (Subgrid) ===== */
.bsp{padding-block:clamp(56px,7vw,104px);background:#fff;border-top:1px solid var(--linie)}
.bsp-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(16px,2vw,24px);row-gap:clamp(16px,2vw,24px)}
.bsp-karte{grid-row:span 5;display:grid;grid-template-rows:subgrid;row-gap:0;padding:28px 28px 24px;background:var(--grund);border-radius:20px}
.bsp-karte__titel{font-size:1.5rem;line-height:1.15;letter-spacing:-.015em}
.bsp-annahmen{margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;align-content:start}
.bsp-annahmen div{min-width:0}
.bsp-annahmen dt{font-size:13px;line-height:1.4;color:var(--leise)}
.bsp-annahmen dd{margin:2px 0 0;font:600 15px/1.4 "Inter",system-ui,sans-serif;color:var(--tinte)}
.bsp-leistungen{margin-top:20px;padding-top:6px;border-top:1px solid var(--tinte)}
.bsp-posten{margin:0;padding:0;list-style:none}
.bsp-posten li{display:flex;justify-content:space-between;align-items:baseline;gap:4px 16px;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid var(--linie);font-size:15px;line-height:1.45}
.bsp-posten__titel{color:var(--tinte)}
.bsp-posten__zusatz{display:block;font-size:13px;color:var(--leise)}
.bsp-posten__betrag{margin-left:auto;font-weight:600;color:var(--tinte);font-variant-numeric:tabular-nums;white-space:nowrap}
.bsp-hinweis{margin-top:10px;font-size:13px;line-height:1.5;color:var(--leise)}
.bsp-summe{margin-top:18px;align-self:end}
.bsp-summe__label{font:600 14px/1.4 "Inter",system-ui,sans-serif;color:var(--leise)}
.bsp-summe__wert{margin-top:4px;font:400 clamp(1.6rem,1.3rem + .8vw,2rem)/1.1 "Familjen Grotesk",system-ui,sans-serif;letter-spacing:-.02em;color:var(--tinte);font-variant-numeric:tabular-nums}
.bsp-summe__zeile{margin-top:6px;font-size:14px;line-height:1.5;color:var(--leise)}
.bsp-aktion{margin-top:18px;align-self:end}
.kit-btn.bsp-rechnen{padding:0 0 2px;border:0;border-bottom:2px solid currentColor;border-radius:0;background:none;box-shadow:none;font:600 15px/1.4 "Inter",system-ui,sans-serif;color:var(--tinte);cursor:pointer;-webkit-tap-highlight-color:transparent}
.kit-btn.bsp-rechnen:hover{border-bottom-color:transparent;background:none}
.kit-btn.bsp-rechnen:focus-visible{outline:2px solid var(--p600);outline-offset:3px;border-radius:2px}

/* ===== So rechnet die Gebührenordnung ===== */
.pr-so{padding-block:clamp(56px,7vw,104px)}
.pr-so__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto auto);gap:0 clamp(16px,2vw,24px)}
.pr-so__punkt{grid-row:span 2;display:grid;grid-template-rows:subgrid;grid-template-columns:31px minmax(0,1fr);column-gap:16px;padding:26px 0 28px;border-top:1px solid var(--tinte)}
/* Ziffer links über beide Zeilen, Titel und Text linksbündig daneben; Kachel beginnt auf der Versalhöhe des Titels */
.pr-so__punkt .az{grid-row:1/span 2;grid-column:1;margin-top:7px}
.pr-so__punkt h3{grid-row:1;grid-column:2;align-self:start;font-size:1.25rem;line-height:1.25}
.pr-so__punkt p{grid-row:2;grid-column:2;margin-top:10px;line-height:1.6;color:var(--text);max-width:34em;text-wrap:pretty}

/* ===== Tablet und Handy: Einleitung, Eingaben, Ergebnis untereinander ===== */
@media (max-width:1000px){
  .pr__raster{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"intro" "karte" "blatt";row-gap:32px}
  .pr-zum-ergebnis{display:inline-block}
  .pr-blatt{max-width:620px}
}
@media (max-width:760px){
  .pr-karte{padding:22px 20px 28px;border-radius:20px}
  .pr-karte__kopf{margin-bottom:26px}
  .pr-kopf h3{font-size:1.3125rem}
  .pr-wahlen--drei{grid-template-columns:minmax(0,1fr)}
  .pr-wahlen--drei .pr-wahl{flex-direction:row;justify-content:space-between;gap:12px;padding:16px 14px 16px 16px}
  .pr-zeile{padding:14px 16px;column-gap:12px}
  .pr-felder{grid-template-columns:minmax(0,1fr)}
  .pr-blatt{padding:22px 20px 24px}
  .pr-posten li{grid-template-columns:auto minmax(0,1fr);column-gap:8px}
  .pr-posten__titel{grid-column:1/-1;grid-row:1}
  .pr-posten__betrag{grid-column:1;grid-row:2;text-align:left;margin-top:2px}
  .pr-posten__takt{grid-column:2;grid-row:2;text-align:left;margin-top:2px;font-size:14px}
  .pr-posten__norm{grid-column:1/-1;grid-row:3}
  .pr-mass{grid-row:4}
  .pr-posten__zusatz{grid-row:5}
  .pr-blatt::before{transform:translate(6px,6px)}
  .pr-weiter__knoepfe .knopf{flex:1 1 100%}
  .pr-tabelle{padding:22px 20px 20px;border-radius:20px}
  .bsp-raster{grid-template-columns:minmax(0,1fr)}
  .bsp-karte{padding:22px 20px 20px}
  .pr-so__liste{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .pr-so__punkt{grid-row:auto;grid-template-rows:auto auto}
}
/* Handy: Rechtsform und Gewinnermittlung über die volle Breite, sonst ragt „Gemeinschaftspraxis“ in die Nachbarspalte */
@media (max-width:560px){
  .bsp-annahmen{column-gap:14px}
  .bsp-annahmen div:nth-child(-n+2){grid-column:1/-1}
}

/* Kurzanfrage im Kostenblatt (06.11.2026) */
.pr-anfrage__titel{margin:4px 0 6px;font:600 17px/1.3 "Inter",system-ui,sans-serif;color:var(--tinte)}
.pr-anfrage{display:grid;gap:14px;margin-top:14px}
.pr-anfrage[hidden],.pr-anfrage__warten[hidden]{display:none}
.pr-anfrage__warten{margin-top:10px;color:var(--leise)}
.pr-anfrage__feld{display:grid;gap:6px;margin:0;padding:0;border:0;min-width:0}
.pr-anfrage__eingabe{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--linie);border-radius:10px;background:#fff;font:400 16px/1.4 "Inter",system-ui,sans-serif;color:var(--tinte)}
textarea.pr-anfrage__eingabe{resize:vertical}
.pr-anfrage__eingabe:focus-visible{outline:2px solid var(--p700);outline-offset:1px;border-color:var(--p700)}
.pr-anfrage__eingabe[aria-invalid="true"]{border-color:#b42318}
.pr-anfrage__wahl{display:flex;flex-wrap:wrap;gap:8px 18px}
.pr-anfrage__wahl legend{width:100%;margin-bottom:6px}
.pr-anfrage__wahl label{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:15px;color:var(--tinte)}
.pr-anfrage__wahl input{width:18px;height:18px;accent-color:var(--p700);margin:0}
.pr-anfrage__klein{margin:0;font-size:13px;line-height:1.5;color:var(--leise)}
.pr-anfrage__senden{justify-self:start}
.pr-anfrage__fehler{margin:0;padding:10px 12px;border:1px solid #b42318;border-radius:10px;background:#fef3f2;font-size:14px;line-height:1.45;color:#912018}
.pr-falle{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.pr-danke__titel{margin:12px 0 6px;font:600 17px/1.3 "Inter",system-ui,sans-serif;color:var(--tinte)}
.pr-kopie{margin:10px 0 0;padding:12px;border:1px solid var(--linie);border-radius:10px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/1.5 "Inter",system-ui,sans-serif;color:var(--tinte)}
.pr-weiter__alt{margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--leise)}
.pr-anfrage__wahl[hidden]{display:none}
.pr-anfrage__wahl legend{padding:0}