/* EP Honorarrechner | © 2026 Eckermann & Partner Steuerberater mbB. Alle Rechte vorbehalten.
   Farben, Schrift, Radien und Abstände kommen aus EP Design (Hell Creme, Hell Weiß, Dunkel). Der Rechner passt sich der Breite seines eigenen Rahmens an (Container-Abfragen),
   deshalb stimmt er auch in der Elementor-Vorschau, im schmalen Fenster und in den Zoomstufen großer Bildschirme.
   Ab 1.2.0: fünfte Karte „Erbschaft / Schenkung“; kleine Beschriftungen mindestens 13 px und ohne Großbuchstaben. Ab 1.3.0: Vermögensarten zum Ankreuzen bei Erbfall und Schenkung.
   Maßstab (ab 1.0.1): kompakt; ab 1.0.2 passt der Rechner für Privatpersonen auf einen großen Bildschirm. Fließtext 14 bis 15 px, Eingaben 16 bis 17 px, Überschriften der Karten 18 px. Auf großen Bildschirmen vergrößert die Seite alles zusätzlich (Zoomstufen in EP Kopf- und Fußzeile und EP Bausteine). */

body.ep .ep-hr{container-type:inline-size;container-name:ephr;display:block;width:100%;min-width:0;margin:0;padding:0;color:var(--ink);font:400 15px/22px var(--font-sans)}
body.ep .ep-hr *,body.ep .ep-hr *::before,body.ep .ep-hr *::after{box-sizing:border-box}
body.ep .ep-hr .section-hidden{display:none!important}
body.ep .ep-hr :is(h2,h3,p){margin:0;padding:0}
body.ep .ep-hr button,body.ep .ep-hr input,body.ep .ep-hr select{font-family:var(--font-sans);text-transform:none;letter-spacing:normal;box-shadow:none}
body.ep .ep-hr svg{display:block;flex:0 0 auto}

/* Steht der Rechner direkt unter dem Seitenkopf (eigene Seite „Honorarrechner“): weniger Leerraum, Seitenkopf schlanker, Überschrift und Einleitung
   in einer Zeile, damit der Rechner beim Öffnen auf den Bildschirm passt. Steht er weiter unten (Seite „Honorare“), bleibt alles wie bei den übrigen Bausteinen. */
body.ep .elementor .e-con.epb-pagehead+.e-con.epb-sec:has([data-ep-honorar]){padding-block:clamp(16px,1.6vw,24px) clamp(40px,4vw,64px)}
body.ep .elementor .e-con.epb-sec.epb-pagehead:has(+ .e-con [data-ep-honorar]){padding-block:clamp(20px,2.2vw,30px) clamp(16px,1.8vw,24px)}
body.ep .elementor .e-con.epb-pagehead:has(+ .e-con [data-ep-honorar]) .epb-h1{margin-bottom:6px}
body.ep .elementor .e-con.epb-pagehead:has(+ .e-con [data-ep-honorar]) .epb-h1 .elementor-heading-title{font-size:clamp(28px,2.7vw,36px)}
body.ep .elementor .e-con.epb-pagehead:has(+ .e-con [data-ep-honorar]) .epb-lead,body.ep .elementor .e-con.epb-pagehead:has(+ .e-con [data-ep-honorar]) .epb-lead>:is(p,ul,ol){max-width:none;font-size:clamp(16px,1.2vw,17px);line-height:1.55}

/* ---------- Hinweise ---------- */
body.ep .ep-hr .hr-stand{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:0 0 12px;padding:7px 14px;border:1px dashed var(--taupe);border-radius:10px;background:var(--taupe-soft);color:var(--taupe-ink);font:400 14px/21px var(--font-sans)}
body.ep .ep-hr .hr-stand strong{display:inline;margin:0;font:700 14px/21px var(--font-sans)}
body.ep .ep-hr .hr-hint{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 14px;background:var(--brand-tint);border-left:4px solid var(--brand);border-radius:0 8px 8px 0}
body.ep .ep-hr>.hr-hint{margin:0 0 16px}
body.ep .ep-hr .hr-hint svg{width:18px;height:18px;margin-top:2px;color:var(--brand-ink)}
body.ep .ep-hr .hr-hint p{font:400 14px/21px var(--font-sans);color:var(--ink)}
body.ep .ep-hr .hr-auto-hint{margin-top:6px;font:400 13px/19px var(--font-sans);color:var(--ink-muted)}

/* ---------- Raster: Eingaben links, Ergebnis rechts ---------- */
body.ep .ep-hr .hr-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
body.ep .ep-hr .hr-col{min-width:0}
@container ephr (max-width:900px){body.ep .ep-hr .hr-grid{grid-template-columns:minmax(0,1fr);gap:16px}}

body.ep .ep-hr .hr-col{counter-reset:hrstep}
body.ep .ep-hr .hr-card{counter-increment:hrstep;margin:0 0 14px;padding:18px 22px;background:var(--surface-raised);border:1px solid var(--line);border-radius:12px}
body.ep .ep-hr .hr-card:last-child{margin-bottom:0}
body.ep .ep-hr .hr-card-head{display:flex;align-items:center;gap:10px;margin:0 0 12px}
body.ep .ep-hr .hr-step-num{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--brand);color:var(--on-brand);font:600 13px/1 var(--font-sans)}
body.ep .ep-hr .hr-step-num::before{content:counter(hrstep)}
body.ep .ep-hr .hr-card-head h2{font:600 18px/24px var(--font-display);color:var(--ink)}
/* Klappbare Schritte (ab 1.4.0): Kopfzeile ist eine Schaltfläche in der Überschrift */
body.ep .ep-hr .hr-klapp-h{flex:1 1 auto;min-width:0;margin:0}
body.ep .ep-hr .hr-klapp-kopf{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;margin:0;padding:4px 0;border:0;background:none;color:inherit;font:inherit;white-space:normal;text-align:left;cursor:pointer;border-radius:8px}
body.ep .ep-hr .hr-klapp-kopf:hover .hr-klapp-pfeil{color:var(--brand)}
body.ep .ep-hr .hr-klapp-kopf:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
body.ep .ep-hr .hr-klapp-titel{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
body.ep .ep-hr .hr-klapp-info{flex:0 1 auto;min-width:0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px/20px var(--font-sans);color:var(--ink-muted)}
body.ep .ep-hr .hr-klapp-info:empty,body.ep .ep-hr .hr-klappbar:not(.hr-zu) .hr-klapp-info{display:none}
body.ep .ep-hr .hr-klapp-pfeil{flex:0 0 auto;width:9px;height:9px;margin:0 4px 3px 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:var(--ink-muted);transform:rotate(-135deg) translate(-1px,-1px);transition:transform .15s}
body.ep .ep-hr .hr-klappbar.hr-zu .hr-klapp-pfeil{transform:rotate(45deg)}
body.ep .ep-hr .hr-klappbar.hr-zu .hr-card-head{margin-bottom:0}
body.ep .ep-hr .hr-klappbar.hr-zu>.hr-klapp-inhalt{display:none}
body.ep .ep-hr .hr-optional{display:inline-block;margin-left:6px;padding:1px 9px;border:1px solid var(--line);border-radius:999px;font:600 12px/18px var(--font-sans);color:var(--ink-muted);vertical-align:2px;white-space:nowrap}
@media (prefers-reduced-motion:reduce){body.ep .ep-hr .hr-klapp-pfeil{transition:none}}
@media (max-width:560px){body.ep .ep-hr .hr-klapp-kopf{flex-wrap:wrap;row-gap:0}body.ep .ep-hr .hr-klapp-titel{flex:1 1 0}body.ep .ep-hr .hr-klapp-info{order:5;flex:0 0 100%;max-width:none;padding:0 0 2px 36px}}
@container ephr (max-width:560px){body.ep .ep-hr .hr-card{padding:16px}}

/* ---------- Rechtsform ---------- */
body.ep .ep-hr #rechtsform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.ep .ep-hr #rechtsform-grid .rf-card:last-child{grid-column:1/-1}
@container ephr (min-width:1280px){body.ep .ep-hr #rechtsform-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}body.ep .ep-hr #rechtsform-grid .rf-card{grid-column:span 2;padding:12px 6px}body.ep .ep-hr #rechtsform-grid .rf-card:nth-child(n+4){grid-column:span 3}}
@container ephr (max-width:560px){body.ep .ep-hr #rechtsform-grid{grid-template-columns:minmax(0,1fr)}}
body.ep .ep-hr .rf-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;padding:12px 10px;margin:0;border:2px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
body.ep .ep-hr .rf-card svg{width:24px;height:24px;color:var(--brand-ink)}
body.ep .ep-hr .rf-card .rf-label{font:600 15px/20px var(--font-sans);color:var(--ink);overflow-wrap:anywhere;hyphens:auto}
body.ep .ep-hr .rf-card:hover{border-color:var(--brand);background:var(--brand-tint);color:var(--ink)}
body.ep .ep-hr .rf-card.active,body.ep .ep-hr .rf-card.active:hover{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}
body.ep .ep-hr .rf-card.active svg,body.ep .ep-hr .rf-card.active .rf-label{color:var(--on-brand)}
body.ep .ep-hr :is(#sub-choice,#sub-choice-erb){margin-top:14px}
body.ep .ep-hr :is(#sub-choice,#sub-choice-erb) p{margin-bottom:6px;font:600 14px/20px var(--font-sans);color:var(--ink-muted)}
body.ep .ep-hr .sub-btn-row{display:flex;gap:10px}
body.ep .ep-hr .sub-btn{flex:1 1 0;min-width:0;min-height:42px;padding:6px 14px;margin:0;border:2px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:600 15px/20px var(--font-sans);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
body.ep .ep-hr .sub-btn:hover{border-color:var(--brand);background:var(--brand-tint);color:var(--ink)}
body.ep .ep-hr .sub-btn.active,body.ep .ep-hr .sub-btn.active:hover{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}
body.ep .ep-hr .sub-btn-short{display:none}
@container ephr (max-width:560px){body.ep .ep-hr .sub-btn-full{display:none}body.ep .ep-hr .sub-btn-short{display:inline}}

/* ---------- Eingabefelder ---------- */
body.ep .ep-hr .hr-field{margin:0 0 18px}
body.ep .ep-hr .hr-field:last-child{margin-bottom:0}
body.ep .ep-hr .hr-field-top{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 6px}
body.ep .ep-hr .hr-field-top label{display:block;margin:0;font:600 14px/20px var(--font-sans);color:var(--ink);vertical-align:baseline}
body.ep .ep-hr .hr-ggw-input-wrap{display:flex;align-items:center;gap:10px}
body.ep .ep-hr .hr-ggw-input-wrap input[type="text"]{flex:1 1 auto;width:100%;min-width:0;min-height:44px;margin:0;padding:0 14px;border:2px solid var(--line-strong);border-radius:8px;background:var(--surface-raised);color:var(--ink);text-align:right;font:600 17px/24px var(--font-sans);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";transition:border-color .15s ease}
body.ep .ep-hr .hr-ggw-input-wrap input[type="text"]:focus{border-color:var(--focus);outline:3px solid var(--focus);outline-offset:2px}
body.ep .ep-hr .hr-ggw-input-wrap input[type="text"][readonly]{background:var(--surface-sunken);border-color:var(--line);color:var(--ink-muted);cursor:default}
body.ep .ep-hr .hr-ggw-input-wrap span{flex:0 0 auto;font:600 14px/20px var(--font-sans);color:var(--ink-muted)}

/* Erbfall / Schenkung: Vermögensarten zum Ankreuzen; zu jeder angekreuzten Art erscheinen ihre Felder darunter (ab 1.3.0). Ausgeblendete Felder nehmen keinen Platz ein. */
body.ep .ep-hr #section-erbschaft{display:flex;flex-direction:column;gap:18px}
body.ep .ep-hr #section-erbschaft .hr-field{margin:0}
body.ep .ep-hr .hr-arten{display:flex;flex-direction:column;gap:8px}
body.ep .ep-hr .hr-arten-titel{font:600 15px/22px var(--font-sans);color:var(--ink)}
body.ep .ep-hr .hr-arten>.hr-auto-hint{margin:-4px 0 2px}
body.ep .ep-hr .hr-art{display:flex;align-items:flex-start;gap:10px;margin:0;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:600 15px/20px var(--font-sans);cursor:pointer;vertical-align:baseline;transition:background-color .15s ease,border-color .15s ease}
body.ep .ep-hr .hr-art:hover{background:var(--brand-tint);border-color:var(--brand)}
body.ep .ep-hr .hr-art:has(input:checked){border-color:var(--brand);background:var(--brand-tint)}
body.ep .ep-hr .hr-art:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
body.ep .ep-hr .hr-art input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:var(--brand);cursor:pointer}
body.ep .ep-hr .hr-art span{min-width:0;overflow-wrap:anywhere}
body.ep .ep-hr .hr-art-felder{display:flex;flex-direction:column;gap:16px;margin:12px 0 8px 10px;padding:2px 0 2px 16px;border-left:3px solid var(--brand)}
body.ep .ep-hr .hr-arten-leer{margin:0}

/* Privatperson: Anlagen */
/* Trennlinie nur, wenn davor ein sichtbares Feld steht (bei Privatpersonen sind die Felder davor ausgeblendet) */
body.ep .ep-hr .hr-field:not(.section-hidden)~#section-privatperson{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
body.ep .ep-hr #section-privatperson .hr-field:has(.hr-auto-hint){display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 16px}
body.ep .ep-hr #section-privatperson .hr-field:has(.hr-auto-hint) .hr-field-top{margin-bottom:6px}
body.ep .ep-hr #section-privatperson .hr-field:has(.hr-auto-hint) .hr-auto-hint{order:1;margin:0 0 6px;text-align:right}
body.ep .ep-hr #section-privatperson .hr-field:has(.hr-auto-hint) .hr-ggw-input-wrap{order:2;flex:1 0 100%}
@container ephr (max-width:560px){body.ep .ep-hr #section-privatperson .hr-field:has(.hr-auto-hint) .hr-auto-hint{text-align:left}}
body.ep .ep-hr .hr-anlage-row{display:flex;align-items:center;gap:8px;margin:12px 0 8px}
body.ep .ep-hr .hr-anlage-type{flex:1.2 1 0;min-width:0;min-height:44px;margin:0;padding:0 12px;border:2px solid var(--line-strong);border-radius:8px;background:var(--surface-raised);color:var(--ink);font:400 15px/22px var(--font-sans)}
body.ep .ep-hr .hr-anlage-type:focus{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--focus)}
body.ep .ep-hr .hr-anlage-row .hr-ggw-input-wrap{flex:1 1 0;min-width:0;gap:8px}
body.ep .ep-hr .hr-anlage-row .hr-ggw-input-wrap input[type="text"]{min-height:44px;padding:0 12px;font-size:16px}
body.ep .ep-hr .hr-anlage-remove{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:2px solid var(--line-strong);border-radius:8px;background:transparent;color:var(--ink-muted);font:600 20px/1 var(--font-sans);cursor:pointer;transition:border-color .15s ease,color .15s ease}
body.ep .ep-hr .hr-anlage-remove:hover{border-color:var(--error);background:transparent;color:var(--error)}
body.ep .ep-hr .hr-add-btn{display:block;width:100%;min-height:44px;margin:4px 0 0;padding:0 16px;border:2px dashed var(--brand);border-radius:8px;background:transparent;color:var(--brand-ink);font:600 14px/20px var(--font-sans);cursor:pointer;transition:background-color .15s ease}
body.ep .ep-hr .hr-add-btn:hover{background:var(--brand-tint);color:var(--brand-ink)}
@container ephr (max-width:560px){
  body.ep .ep-hr .hr-anlage-row{flex-wrap:wrap}
  body.ep .ep-hr .hr-anlage-type{flex:1 1 100%}
  body.ep .ep-hr .hr-anlage-row .hr-ggw-input-wrap{flex:1 1 0}
}

/* ---------- Zusatzleistungen ---------- */
body.ep .ep-hr #optionen-liste label{display:flex;align-items:center;justify-content:space-between;gap:4px 14px;flex-wrap:wrap;margin:0 0 6px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);line-height:20px;cursor:pointer;vertical-align:baseline;transition:background-color .15s ease,border-color .15s ease}
body.ep .ep-hr #optionen-liste label:last-child{margin-bottom:0}
body.ep .ep-hr #optionen-liste label:hover{background:var(--brand-tint);border-color:var(--brand)}
body.ep .ep-hr #optionen-liste .opt-left{display:flex;align-items:flex-start;gap:10px;flex:1 1 220px;min-width:0}
body.ep .ep-hr #optionen-liste .opt-checkbox{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:var(--brand);cursor:pointer}
body.ep .ep-hr #optionen-liste .opt-name{font:600 15px/20px var(--font-sans);color:var(--ink);overflow-wrap:anywhere}
body.ep .ep-hr #optionen-liste .opt-right{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}
body.ep .ep-hr #optionen-liste .opt-ust{white-space:nowrap}
body.ep .ep-hr #optionen-liste .opt-price{font:600 14px/20px var(--font-sans);color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
@container ephr (max-width:560px){
  body.ep .ep-hr .hr-opt-faktor{display:none}
  body.ep .ep-hr #optionen-liste .opt-right{width:100%;justify-content:space-between;padding-left:30px}
}

/* Häufigkeit */
body.ep .ep-hr .hr-freq-badge{display:inline-block;padding:1px 9px;border:1px solid transparent;border-radius:999px;font:600 13px/18px var(--font-sans);white-space:nowrap}
body.ep .ep-hr .hr-freq-einmalig{background:var(--taupe-soft);color:var(--taupe-ink)}
body.ep .ep-hr .hr-freq-monatlich{background:var(--brand-tint);color:var(--brand-ink)}
body.ep .ep-hr .hr-freq-jaehrlich{background:var(--surface-sunken);border-color:var(--line);color:var(--ink)}
body.ep .ep-hr .hr-freq-aufwand{background:var(--surface-sunken);border:1px dashed var(--line);color:var(--ink)}

/* ---------- Ergebnis ---------- */
/* Die Ergebnisspalte wird nicht festgehalten: Mit aufgeklappter Detailaufschlüsselung und Stundensatz-Hinweis ist sie höher als das Fenster, die unteren Zeilen wären beim Scrollen nicht erreichbar. */
body.ep .ep-hr .hr-sticky{position:static}
body.ep .ep-hr .hr-result-hero{position:relative;overflow:hidden;padding:20px 22px;border-radius:12px;background:var(--feature-bg);color:var(--feature-ink)}
body.ep .ep-hr .hr-result-eur-bg{position:absolute;right:-6px;top:-22px;font:600 7.5rem/1 var(--font-display);color:rgba(255,255,255,.07);pointer-events:none;user-select:none}
body.ep .ep-hr .hr-result-hero .inner{position:relative;z-index:1}
body.ep .ep-hr .hr-result-label{margin:0 0 12px;font:600 14px/20px var(--font-sans);color:var(--feature-muted)}
body.ep .ep-hr .hr-result-costs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 14px}
body.ep .ep-hr .hr-cost-box{display:flex;flex-flow:row wrap;align-items:baseline;justify-content:space-between;gap:2px 14px;min-width:0;padding:9px 14px;border-radius:8px;background:rgba(255,255,255,.1)}
body.ep .ep-hr .hr-cost-label{font:600 14px/20px var(--font-sans);color:var(--feature-muted)}
body.ep .ep-hr .hr-cost-val{margin-left:auto;font:700 19px/26px var(--font-sans);color:var(--feature-ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;text-align:right}
body.ep .ep-hr .hr-verified-row{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px}
body.ep .ep-hr .hr-verified-row svg{width:18px;height:18px;margin-top:1px;color:var(--feature-ink)}
body.ep .ep-hr .hr-verified-row span{font:400 14px/20px var(--font-sans);color:var(--feature-muted)}
body.ep .ep-hr .hr-result-bottom{display:flex;justify-content:flex-end}
body.ep .ep-hr #pdf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:0 20px;border:2px solid var(--feature-ink);border-radius:8px;background:var(--feature-ink);color:var(--feature-bg);font:600 15px/22px var(--font-sans);cursor:pointer;transition:background-color .15s ease,color .15s ease}
body.ep .ep-hr #pdf-btn svg{width:18px;height:18px}
body.ep .ep-hr #pdf-btn:hover{background:transparent;color:var(--feature-ink)}
@container ephr (max-width:560px){body.ep .ep-hr .hr-result-hero{padding:18px 16px}body.ep .ep-hr .hr-result-bottom{justify-content:stretch}body.ep .ep-hr #pdf-btn{width:100%}}

body.ep .ep-hr .hr-detail-card{margin-top:16px;padding:18px 20px;background:var(--surface-raised);border:1px solid var(--line);border-radius:12px}
body.ep .ep-hr .hr-detail-card h3{margin:0 0 12px;font:600 17px/24px var(--font-display);color:var(--ink)}
body.ep .ep-hr .hr-detail-card .hr-hint{margin-top:12px}
@container ephr (max-width:560px){body.ep .ep-hr .hr-detail-card{padding:16px}}

body.ep .ep-hr .hr-block{margin:0 0 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}
body.ep .ep-hr .hr-block:last-of-type{margin-bottom:0}
body.ep .ep-hr .block-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:8px 14px;cursor:pointer;user-select:none;transition:background-color .15s ease}
body.ep .ep-hr .block-header:hover{background:var(--brand-tint)}
body.ep .ep-hr .block-header:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
body.ep .ep-hr .block-header .left{display:flex;align-items:center;gap:10px;min-width:0}
body.ep .ep-hr .block-header .left svg{width:18px;height:18px;color:var(--brand-ink)}
body.ep .ep-hr .block-header .left span{font:600 15px/20px var(--font-sans);color:var(--ink)}
body.ep .ep-hr .block-header .right{display:flex;align-items:center;gap:10px;flex:0 0 auto}
body.ep .ep-hr .block-header .right .sum{font:600 15px/20px var(--font-sans);color:var(--brand-ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}
body.ep .ep-hr .toggle-icon{display:flex;width:16px;height:16px;color:var(--ink-muted);transition:transform .2s ease}
body.ep .ep-hr .toggle-icon svg{width:16px;height:16px}
body.ep .ep-hr .block-body{max-height:2400px;overflow:hidden;opacity:1;border-top:1px solid var(--line);transition:max-height .3s ease,opacity .2s ease}
body.ep .ep-hr .block-body.collapsed{max-height:0;opacity:0;border-top:0}
body.ep .ep-hr .hr-pos-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:9px 14px;border-bottom:1px solid var(--line)}
body.ep .ep-hr .hr-pos-row:last-child{border-bottom:0}
body.ep .ep-hr .hr-pos-row.inactive{opacity:.5}
body.ep .ep-hr .hr-pos-name{flex:1 1 180px;min-width:140px;font:600 14px/20px var(--font-sans);color:var(--ink);overflow-wrap:anywhere}
body.ep .ep-hr .hr-pos-right{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}
body.ep .ep-hr .hr-pos-amount{min-width:88px;font:600 14px/20px var(--font-sans);color:var(--ink);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

body.ep .ep-hr .hr-stundensatz-hinweis{margin:12px 0 0;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
body.ep .ep-hr .hr-stundensatz-hinweis p{margin:0 0 8px;font:400 14px/21px var(--font-sans);color:var(--ink)}
body.ep .ep-hr .hr-stundensatz-hinweis p strong{font-weight:600}
body.ep .ep-hr .hr-stundensatz-liste{display:flex;flex-direction:column;gap:4px;margin:0;padding:0}
body.ep .ep-hr .hr-stundensatz-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:400 14px/20px var(--font-sans);color:var(--ink-muted)}
body.ep .ep-hr .hr-stundensatz-rolle{flex:1 1 auto;min-width:0}
body.ep .ep-hr .hr-stundensatz-preis{flex:0 0 auto;font-weight:600;color:var(--ink);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}

/* Platzhalter, solange keine Rechtsform gewählt ist */
body.ep .ep-hr #ergebnis-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;border:2px dashed var(--line-strong);border-radius:12px;text-align:center;color:var(--ink-muted)}
body.ep .ep-hr #ergebnis-placeholder svg{width:32px;height:32px;color:var(--brand-ink)}
body.ep .ep-hr #ergebnis-placeholder p{font:400 15px/22px var(--font-sans)}

@media (prefers-reduced-motion:reduce){body.ep .ep-hr *{transition:none!important}}
@media print{body.ep .ep-hr .block-body.collapsed{max-height:none;opacity:1}}