/* fit.technology/a-mim-entscheidungshilfe — Ergaenzungen zu ../direktanfrage/fda.css (Praefix pc-, Carl 19.10.2026).
   Gleiche Gestaltung: weiss, eckig, feine Rahmen #e6eaf0, --fitblue / --fityellow aus fit-style.css. */

.pc.fda { background:#fff; color:#1b2b48; padding-top:18px; padding-bottom:60px; }

/* Sprachumschalter DE | EN | IT (Carl 23.10.2026, mit Flaggen 23.10.2026: "umschalter mit flaggen bitte" - kleine
   Inline-SVGs statt Emoji). Oben im Inhalt, auf jeder Unterseite. Tipp-Flaeche mind. 40 px (Carl: Handy). */
.pc-sprachwahl { display:flex; justify-content:flex-end; gap:6px; margin:0 0 14px; flex-wrap:wrap; }
.pc-sprache { display:inline-flex; align-items:center; gap:6px; min-height:40px; min-width:40px; padding:4px 10px 4px 4px;
  border-radius:20px; border:1.5px solid #e3e8ef; text-decoration:none; color:#5b6b82; background:#fff; transition:border-color .12s, background .12s; }
.pc-sprache:hover, .pc-sprache:focus-visible { border-color:#9fb0c9; }
.pc-sprache.an { border-color:var(--fitblue); background:#eef3fb; color:var(--fitblue); font-weight:700; }
.pc-sprache-flagge { display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; overflow:hidden; border:1px solid #e3e8ef; flex:0 0 auto; }
.pc-sprache-flagge svg { width:100%; height:100%; display:block; }
.pc-sprache-code { font-size:13px; letter-spacing:.02em; }
.pc-zaehler { font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#5b6b82; margin:0 0 4px; }
.pc-optional { font-weight:400; color:#5b6b82; font-size:13px; }
.pc-gruppe { border:0; padding:0; margin:0 0 18px; min-width:0; }
.pc-gruppe > legend { float:none; width:auto; margin:0 0 8px; }
.pc-zwei { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px 26px; align-items:start; }

/* Feste Leiste oben (Carl 19.10.2026): Kette 1-8 + Zurueck/Weiter an immer derselben Stelle.
   top = Unterkante der Website-Menueleiste (pc.js setzt --pc-oben, die Leiste schrumpft beim Scrollen). */
.pc-leiste { position:sticky; top:var(--pc-oben, 0px); z-index:900; background:#fff; border-bottom:1px solid #e6eaf0;
  box-shadow:0 2px 8px rgba(37,61,102,.06); margin:0 -12px 18px; padding:10px 12px; display:flex; align-items:center; gap:12px 18px; flex-wrap:wrap; }
.pc-kette { list-style:none; display:flex; align-items:flex-start; margin:0; padding:0; flex:1 1 520px; min-width:0; }
.pc-glied { flex:1 1 0; min-width:0; position:relative; text-align:center; }
.pc-glied:not(:last-child)::after { content:""; position:absolute; top:17px; left:calc(50% + 19px); right:calc(-50% + 19px); height:2px; background:#e3e8ef; }
.pc-glied.voll:not(:last-child)::after { background:#9fb0c9; }
.pc-glied-knopf { font:inherit; background:none; border:0; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:4px; width:100%; color:inherit; }
.pc-kreis { display:inline-grid; place-items:center; width:36px; height:36px; border-radius:50%; font-weight:700; font-size:15px; transition:box-shadow .12s, transform .12s; }
.pc-glied.leer .pc-kreis { background:#fff; border:2px solid #d9dfe7; color:#a7b1bf; }
.pc-glied.voll .pc-kreis { background:var(--fitblue); border:2px solid var(--fitblue); color:#fff; }
.pc-glied.aktuell .pc-kreis { box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--fityellow); transform:scale(1.06); }
.pc-glied-knopf:hover .pc-kreis, .pc-glied-knopf:focus-visible .pc-kreis { box-shadow:0 0 0 3px #fff, 0 0 0 5px #9fb0c9; }
.pc-glied.aktuell .pc-glied-knopf { cursor:default; }
.pc-glied-start { flex:0 0 64px; }
.pc-glied-start .pc-kreis { font-size:18px; background:#fff !important; border:2px solid var(--fitblue) !important; color:var(--fitblue) !important; }
.pc-glied-name { font-size:12.5px; color:#8a94a0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.pc-glied.voll .pc-glied-name { color:#1b2b48; }
.pc-glied.aktuell .pc-glied-name { color:var(--fitblue); font-weight:700; }
.pc-leiste-knoepfe { display:flex; gap:8px; flex:0 0 auto; margin-left:auto; }
.pc-knopf-klein { padding:9px 16px !important; font-size:15px; white-space:nowrap; text-decoration:none; }
.pc-h1 { font-size:clamp(22px, 3vw, 30px); }
.pc-unsichtbar-leer:empty { display:none; }
.pc-abstand-klein { margin-top:12px; }

/* Pflichtangaben (Carl 19.10.2026: farblich, nicht nur ein Sternchen) */
.pc-pflicht { border-left:4px solid var(--fityellow); background:#fffbea; padding:10px 12px; }
.pc-pflicht.ok { border-left-color:#2a8a57; background:#f3fbf6; }
.pc-pflicht.pc-fehlt { border-left-color:#b42318; background:#fdecea; }
fieldset.pc-pflicht > legend { padding-top:2px; }
.pc-pflicht-marke { display:inline-block; font-size:11px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; padding:1px 7px; margin-left:6px;
  color:#6b4d00; background:#ffe9a8; vertical-align:middle; }
.pc-pflicht.ok .pc-pflicht-marke, .pc-pflicht-marke.ok { color:#145c33; background:#d6f0e0; }
.pc-pflicht.pc-fehlt .pc-pflicht-marke { color:#fff; background:#b42318; }

/* Kontakt: bei FIT hinterlegte Angaben */
.pc-bekannt-wert { display:inline-flex; gap:10px; align-items:baseline; font-weight:700; color:#145c33; padding:9px 0; }
.pc-bekannt-wert[hidden] { display:none; }
.pc-bekannt-hinweis { color:#145c33; font-weight:600; }
.pc-kontaktfelder { margin-top:14px; }
.pc-absenden-knopf { border:0; cursor:pointer; font:inherit; font-weight:700; padding:13px 26px; margin-top:12px; }

/* Optionskarten: ganze Flaeche klickbar, Haken/Punkt bleibt sichtbar (Tastatur, Screenreader) */
.pc-optionen { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
.pc-optionen-eng { grid-template-columns:minmax(0,1fr); gap:6px; }
.pc-janein { grid-template-columns:repeat(2, minmax(0,160px)); }
.pc-option { display:flex; align-items:flex-start; gap:10px; background:#fff; border:1px solid #d5dbe3; padding:10px 12px; cursor:pointer; margin:0;
  transition:border-color .12s, background .12s; color:#1b2b48; font-size:15px; line-height:1.35; }
.pc-option:hover { border-color:var(--fitblue); }
.pc-option input { flex:0 0 auto; width:18px; height:18px; margin:1px 0 0; accent-color:var(--fitblue); }
.pc-option:focus-within { outline:2px solid var(--fityellow); outline-offset:1px; }
.pc-option.an { border-color:var(--fitblue); background:#f3f6fb; box-shadow:inset 3px 0 0 var(--fityellow); }
.pc-option[hidden] { display:none; }
.pc-option-text { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; min-width:0; }
.pc-bsp { flex:1 0 100%; font-size:13px; color:#5b6b82; }
.pc-marke { display:inline-block; font-size:11px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:#6b4d00; background:#fff4d1; border:1px solid #f1d27a; padding:0 6px; }
.pc-vorschlag { color:#1b4a8a; background:#eaf1fb; border-color:#bcd0ec; }
.pc-linkknopf { font:inherit; background:none; border:0; padding:0; color:var(--fitblue); text-decoration:underline; cursor:pointer; }
.pc-top-leer { margin:0 0 6px; }

/* Startseite */
.pc-start { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:26px; align-items:start; margin-top:8px; }
.pc-ergebnisse { padding-left:20px; margin:0 0 18px; font-size:16px; }
.pc-ergebnisse li { margin:4px 0; }
.pc-start-knopf { display:inline-block; font-size:17px; padding:13px 28px; }
.pc-start-info p { margin:0 0 10px; }
.pc-start-bild { display:block; width:calc(100% + 32px); max-width:none; height:auto; aspect-ratio:3/2; object-fit:cover; margin:-16px -16px 16px; }

/* Bild je Schritt neben Frage und Erlaeuterung (Carl 20.10.2026) */
.pc-kopf { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px; align-items:center; margin:0 0 6px; }
.pc-kopf .fda-unter { margin-bottom:0; }
.pc-kopf-bild { margin:0; }
.pc-kopf-bild img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; box-shadow:0 8px 24px rgba(37,61,102,.14); border-bottom:4px solid var(--fityellow); }
.pc-kopf + * { margin-top:18px; }

/* Schritt 4/8 */
.pc-ich { margin:4px 0 18px; }
.pc-kurz { padding-left:18px; margin:0 0 10px; font-size:14px; }

/* Schritt 5: ein Abschnitt je Bereich */
.pc-bereich { border:1px solid #e6eaf0; background:#fff; margin:0 0 14px; }
.pc-bereich > summary { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 14px; align-items:baseline; padding:12px 14px; cursor:pointer;
  background:#fbfcfd; border-bottom:1px solid #e6eaf0; list-style:none; }
.pc-bereich > summary::-webkit-details-marker { display:none; }
.pc-bereich > summary::before { content:"▸"; color:var(--fitblue); margin-right:6px; }
.pc-bereich[open] > summary::before { content:"▾"; }
.pc-bereich-name { font-weight:700; font-size:16px; color:#1b2b48; margin-right:auto; }
.pc-bereich-stand { font-size:13px; color:#a7b1bf; }
.pc-bereich.voll .pc-bereich-stand { color:#145c33; font-weight:600; }
.pc-bereich.voll > summary { box-shadow:inset 4px 0 0 var(--fitblue); }
.pc-bereich > :not(summary) { margin-left:14px; margin-right:14px; }
.pc-bereich > .pc-zwei { margin-top:12px; }
.pc-orientierung { font-size:13px; color:#5b6b82; background:#f7f9fb; border-left:3px solid #d5dbe3; padding:6px 10px; margin-top:12px; }

/* Schritt 7: Vorlage */
.pc-doc { border:1px solid #e6eaf0; background:#fff; padding:20px 22px; max-width:900px; box-shadow:0 1px 4px rgba(37,61,102,.06); }
.pc-doc-titel { font-size:22px; font-weight:800; color:var(--fitblue); margin:0 0 6px; }
.pc-doc-h2 { font-size:16px; font-weight:700; color:#1b2b48; margin:18px 0 6px; }
.pc-doc p { margin:0 0 8px; max-width:78ch; }
.pc-doc-abschnitt { scroll-margin-top:80px; }
.pc-doc-tabelle-rahmen { overflow-x:auto; margin:6px 0 10px; }
.pc-doc-tabelle { width:100%; border-collapse:collapse; font-size:13.5px; }
.pc-doc-tabelle th, .pc-doc-tabelle td { border:1px solid #e6eaf0; padding:6px 8px; vertical-align:top; text-align:left; }
.pc-doc-tabelle th { background:#f4f6f9; font-weight:700; }
.pc-bearbeiten { margin:4px 0 10px; }
.pc-bearbeiten > summary { cursor:pointer; color:var(--fitblue); font-size:14px; }
.pc-bearbeiten textarea { width:100%; font:inherit; font-size:15px; border:1px solid #c8d0db; padding:8px 10px; margin-top:6px; resize:vertical; }
.pc-bearbeiten textarea:focus { border-color:var(--fitblue); outline:2px solid rgba(252,186,0,.6); }

/* Schritt 8 */
.pc-abschluss { margin-top:18px; padding-top:14px; border-top:1px solid #e6eaf0; max-width:900px; }
.pc-einwilligung { align-items:flex-start; font-size:13.5px; line-height:1.45; }
.pc-einwilligung input { margin-top:3px; flex:0 0 auto; }
.pc-captcha { display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px 14px; margin:14px 0; }
.pc-captcha-bild { border:1px solid #c8d0db; max-width:100%; height:auto; }
.pc-captcha .fda-feld { width:200px; }
.pc-captcha input { font:inherit; font-size:18px; letter-spacing:.2em; text-transform:uppercase; border:1px solid #c8d0db; padding:8px 10px; width:100%; }
.pc-captcha .fda-feldfehler { flex:1 0 100%; }
.pc-absende-hinweis { font-weight:700; color:#1b2b48; margin:10px 0 0; }
.pc-abstand { margin-top:22px; }
.pc-inline { display:inline; margin-left:8px; }
.pc-fertig-vorlage .pc-doc { border:0; box-shadow:none; padding:14px; }

@media (max-width: 768px) {
  .pc-zwei, .pc-start, .pc-optionen { grid-template-columns:minmax(0,1fr); }
  .pc-kopf { grid-template-columns:minmax(0,1fr); gap:12px; }
  .pc-kopf-bild { order:-1; }
  .pc-kopf-bild img { aspect-ratio:16/6; }
  .pc-option { font-size:15px; padding:11px 12px; }
  .pc-doc { padding:14px; }
  /* Bereichstabelle auf dem Handy: jede Zeile als Karte, Spaltenkopf vor jedem Wert */
  .pc-doc-tabelle thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .pc-doc-tabelle, .pc-doc-tabelle tbody, .pc-doc-tabelle tr, .pc-doc-tabelle td { display:block; width:100%; }
  .pc-doc-tabelle tr { border:1px solid #e6eaf0; margin:0 0 10px; }
  .pc-doc-tabelle td { border:0; border-bottom:1px solid #f0f2f5; }
  .pc-doc-tabelle td:first-child { font-weight:700; background:#f4f6f9; }
  .pc-doc-tabelle td:not(:first-child)::before { content:attr(data-kopf) ": "; color:#5b6b82; font-size:12.5px; display:block; }
  .pc.fda { padding-left:12px; padding-right:12px; }
  .pc-leiste { margin:0 -12px 14px; padding:8px 10px; gap:8px; }
  .pc-kette { flex:1 1 100%; }
  .pc-kreis { width:30px; height:30px; font-size:13px; }
  .pc-glied:not(:last-child)::after { top:14px; left:calc(50% + 16px); right:calc(-50% + 16px); }
  .pc-glied-name { display:none; }
  .pc-leiste-knoepfe { width:100%; justify-content:space-between; }
  .pc-leiste-knoepfe > * { flex:1 1 0; text-align:center; }
}
@media (prefers-reduced-motion: reduce) { .pc-option { transition:none; } }

/* Schritt 3: Groessen-Einschaetzung unter den 3D-Werten */
.pc-mim { margin:4px 12px 8px; padding:8px 10px; font-size:13.5px; border-left:4px solid #9fb0c9; background:#f4f6f9; color:#1b2b48; }
.pc-mim-ja { border-left-color:#2a8a57; background:#f3fbf6; color:#145c33; }
.pc-mim-nein { border-left-color:#b45309; background:#fff7ed; color:#7c2d12; }
.pc-mim[hidden] { display:none; }

/* Startseite: "Mehr über Additive MIM" – Broschüre und clicktofit.com/a-mim als zwei Karten (Carl 20.10.2026) */
.pc-mehr { margin:34px 0 10px; padding-top:22px; border-top:1px solid #e6eaf0; }
.pc-mehr-karten { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; }
.pc-karte { display:flex; gap:18px; align-items:flex-start; background:#fbfcfd; border:1px solid #e6eaf0; padding:18px; text-decoration:none !important;
  color:#1b2b48 !important; transition:border-color .12s, box-shadow .12s; }
.pc-karte:hover, .pc-karte:focus-visible { border-color:var(--fitblue); box-shadow:0 4px 14px rgba(37,61,102,.10); }
.pc-karte img { flex:0 0 120px; width:120px; height:auto; border:1px solid #e3e8ef; box-shadow:0 2px 8px rgba(37,61,102,.12); background:#fff; }
.pc-karte-text { display:flex; flex-direction:column; gap:6px; min-width:0; }
.pc-karte-art { font-size:12.5px; letter-spacing:.04em; text-transform:uppercase; color:#8a94a0; }
.pc-karte-titel { font-size:18px; font-weight:700; color:var(--fitblue); line-height:1.3; }
.pc-karte-satz { font-size:15px; color:#4a5668; line-height:1.45; }
.pc-karte-knopf { align-self:flex-start; margin-top:8px; padding:9px 18px !important; font-size:15px; }
.pc-karte-web { border-left:4px solid var(--fityellow); }
@media (max-width: 760px) {
  .pc-mehr-karten { grid-template-columns:minmax(0,1fr); }
  .pc-karte img { flex-basis:88px; width:88px; }
  .pc-karte-knopf { width:auto !important; }
}

/* Erfolgsseite: drei Dokumente (Carl 20.10.2026) */
.pc-dokumente { list-style:none; margin:0 0 8px; padding:0; }
.pc-dokumente li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #e6eaf0; }
.pc-dok-name { display:flex; flex-direction:column; gap:2px; min-width:0; }
.pc-dok-knoepfe { display:flex; gap:8px; flex:0 0 auto; }
.pc-dok-knoepfe a { padding:7px 16px !important; font-size:14.5px; width:auto !important; }