/* Implantatteile-Finder (thiesa-ADR 0030 und 0031). Farben und Rundungen wie im Template thiesa (thiesa.css). */
/* JTL setzt den Namen der Seite noch einmal als Überschrift darüber, die eigene reicht */
body:has(#ts-konfigurator) .index-heading-wrapper{display:none}
/* Alles unter dem Seitenkopf rückt nach oben, der Seitenkopf selbst bleibt. Chef 05.11.2026: „Bitte alles etwas nach
   oben ziehen“, „Nicht den Header“ */
body:has(#ts-konfigurator) .breadcrumb-wrapper{margin-bottom:12px}
.tk{--tk-blau:var(--ts-blau,#2f6fb0);--tk-hell:var(--ts-blau-hell,#e9f1fa);--tk-text:var(--ts-text,#23292f);--tk-grau:var(--ts-grau-5,#6d6d6d);
  --tk-linie:var(--ts-grau-2,#e1e5ea);--tk-flaeche:var(--ts-grau-0,#f7f8fa);max-width:1212px;margin:0 auto;padding:0 16px 48px;color:var(--tk-text)}
.tk-kopf{max-width:1180px;margin:0 auto 18px;text-align:center}
.tk-kopf__marke{display:inline-flex;align-items:center;gap:8px;margin:0 0 4px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tk-blau)}
/* Groß und am Desktop in einer Zeile, auf dem Handy in zwei. Chef 05.11.2026: „Die Überschrift etwas mehr vorheben“ */
.tk-kopf__titel{margin:0 0 6px;font-size:clamp(1.5rem,1rem + 2vw,2.6rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.tk-kopf__satz{margin:0;font-size:.98rem;line-height:1.5;color:var(--tk-grau)}

/* Eine Spalte in der Mitte, die Karte mit dem Teil kommt erst zum Schluss darunter.
   Chef 05.11.2026: „Zentriere das und das warenkorb Feld taucht erst zum Schluss auf.“ */
.tk-raster{display:grid;gap:22px;max-width:860px;margin:0 auto}
.tk-ergebnis[hidden]{display:none}

.tk-schritte{display:grid;gap:14px}
.tk-schritt{padding:18px 20px;border:1px solid var(--tk-linie);border-radius:18px;background:#fff;transition:box-shadow .25s,border-color .25s,background .25s}
.tk-schritt__kopf{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
/* Nur die aktuelle Frage ist offen und leuchtet leise wie der Berater; Erledigtes ist eine graue Zeile, Kommendes gesperrt.
   Chef 05.11.2026: „das der Fokus mehr aus die jeweilige Abfrage liegt. Dann einheitlich … und Größe.“ */
.tk-schritt--aktuell{border-color:rgba(47,111,176,.55);box-shadow:0 0 0 4px var(--tk-hell),0 14px 34px -22px rgba(36,90,145,.55)}
.tk-schritt--aktuell .tk-schritt__kopf{margin-bottom:16px}
.tk-schritt--aktuell .tk-schritt__nr{background:var(--tk-blau);border-color:var(--tk-blau);color:#fff}
.tk-schritt--fertig{padding:12px 18px;background:var(--tk-flaeche);border-color:transparent}
.tk-schritt--fertig .tk-schritt__titel{font-size:.98rem;font-weight:650;color:var(--tk-grau)}
.tk-schritt--gesperrt{padding:12px 18px;opacity:.5}
.tk-schritt--gesperrt .tk-schritt__titel{font-size:.98rem;font-weight:650}
.tk-schritt__nr{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--tk-flaeche);border:1px solid var(--tk-linie);font-weight:700;font-size:.9rem;color:var(--tk-grau)}
.tk-schritt--fertig .tk-schritt__nr{background:#fff;border-color:rgba(47,111,176,.4);color:var(--tk-blau)}
.tk-schritt__titel{flex:1 1 0;min-width:0;margin:0;font-size:1.1rem;font-weight:750;line-height:1.3}
.tk-schritt__wert{flex:1 1 auto;min-width:0;margin-left:auto;font-size:.92rem;font-weight:600;color:var(--tk-blau);text-align:right}
/* Erledigt ist eine Zeile: Häkchen, Wort, Wert, Ändern, auch auf dem Handy */
.tk-schritt--fertig .tk-schritt__kopf{flex-wrap:nowrap}
.tk-schritt--fertig .tk-schritt__titel{flex:0 0 auto}

.tk-kacheln{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tk-kacheln--teile{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.tk-kachel{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1.5px solid var(--tk-linie);border-radius:14px;background:#fff;text-align:left;
  color:var(--tk-text);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.tk-kachel:hover{border-color:rgba(47,111,176,.5);transform:translateY(-1px)}
.tk-kachel.ist-aktiv{border-color:var(--tk-blau);background:var(--tk-hell);box-shadow:0 0 0 1px var(--tk-blau) inset}
.tk-kachel--teil{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}
.tk-kachel__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.tk-kachel__text strong{font-size:1rem;font-weight:700}
.tk-kachel__text small{font-size:.84rem;line-height:1.35;color:var(--tk-grau)}
.tk-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#fff 0,#f6f7f9 48%,#e7eaee 100%);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 1px 1px rgba(20,30,40,.06),0 8px 16px -8px rgba(20,30,40,.25),inset 0 1px 0 #fff}
.tk-icon svg{width:26px;height:26px;fill:none;stroke:var(--tk-blau);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tk-kachel.ist-aktiv .tk-icon{background:radial-gradient(circle at 35% 28%,#fff 0,#f1f6fc 48%,#dde8f5 100%)}

.tk-chips{display:flex;flex-wrap:wrap;gap:8px}
.tk-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border:1.5px solid var(--tk-linie);border-radius:999px;background:#fff;
  color:var(--tk-text);font-weight:600;font-size:.95rem;cursor:pointer;transition:border-color .15s,background .15s}
.tk-chip:hover{border-color:rgba(47,111,176,.5)}
.tk-chip.ist-aktiv{border-color:var(--tk-blau);background:var(--tk-blau);color:#fff}
.tk-chip__ring{width:14px;height:14px;border-radius:50%;border:3px solid currentColor;opacity:.55}
.tk-option+.tk-option{margin-top:14px}
.tk-option__name{margin:0 0 8px;font-size:.88rem;font-weight:600;color:var(--tk-grau)}

.tk-karte{padding:20px;border:1px solid var(--tk-linie);border-radius:18px;background:#fff;box-shadow:0 18px 40px -26px rgba(20,30,40,.35)}
.tk-karte__marke{margin:0 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tk-blau)}
.tk-karte__kopf{display:flex;gap:14px;align-items:flex-start}
.tk-karte__titel{margin:0 0 4px;font-size:1.08rem;font-weight:750;line-height:1.3}
.tk-karte__opt{margin:0 0 4px;font-size:.88rem;line-height:1.4;color:var(--tk-grau)}
.tk-karte__nr{margin:0;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--tk-grau)}
.tk-karte__preis{display:flex;align-items:center;gap:10px;margin:14px 0 4px}
.tk-karte__preis strong{font-size:1.5rem;font-weight:800}
.tk-set{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--tk-linie)}
.tk-set__titel{margin:0 0 8px;font-size:.88rem;font-weight:700}
.tk-set__zeile{margin:0 0 4px;padding:6px 4px;border-radius:12px}
.tk-set__zeile.ist-aus{opacity:.6}
.tk-set__oben{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer}
.tk-set__oben input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--tk-blau)}
.tk-set__frage{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 2px 28px;padding:8px;border-radius:12px;background:var(--tk-flaeche)}
.tk-set__frage.ist-offen{background:#fff8e6;box-shadow:0 0 0 1px #f2d38a inset}
.tk-set__frage-name{flex:0 0 100%;font-size:.8rem;font-weight:700;color:var(--tk-grau)}
.tk-mini{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:1.5px solid var(--tk-linie);border-radius:999px;background:#fff;
  color:var(--tk-text);font-size:.84rem;font-weight:600;cursor:pointer}
.tk-mini.ist-aktiv{border-color:var(--tk-blau);background:var(--tk-hell)}
.tk-mini .tk-bild{width:30px;height:30px;border-radius:50%}
.tk-mini .tk-bild svg{width:26px;height:26px}
.tk-marke{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--tk-flaeche);color:var(--tk-grau);font-size:.68rem;font-weight:700;
  letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}
.tk-marke--empfohlen{background:var(--tk-hell);color:var(--tk-blau)}
.tk-set__text{display:flex;flex-direction:column;min-width:0;flex:1}
.tk-set__text strong{font-size:.92rem;font-weight:650}
.tk-set__text small{font-size:.78rem;color:var(--tk-grau)}
.tk-set__preis{font-size:.9rem;font-weight:700;white-space:nowrap}
.tk-gesamt{display:flex;align-items:baseline;justify-content:space-between;margin:12px 0 12px;padding-top:12px;border-top:1px solid var(--tk-linie)}
.tk-gesamt span{font-weight:600;color:var(--tk-grau)}
.tk-gesamt strong{font-size:1.2rem;font-weight:800}
.tk-kaufen{width:100%;min-height:48px;border:0;border-radius:999px;background:var(--tk-blau);color:#fff;font-weight:700;font-size:1rem;cursor:pointer}
.tk-kaufen:hover{background:var(--ts-blau-dunkel,#245a91)}
.tk-hinweis{margin:10px 0 0;font-size:.85rem;line-height:1.4;color:#7a5600}
.tk-hinweis:empty{display:none}
/* Echte Teile (thiesa-ADR 0043): Artikelnummer im Set, Steuerhinweis unter der Summe */
.tk-set__text small.tk-set__nr{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem}
.tk-karte__steuer{margin:-6px 0 12px;font-size:.78rem;color:var(--tk-grau);text-align:right}
.tk-karte .tk-nachricht{margin:14px 0 0}
.tk-neu{display:block;margin:12px auto 0;padding:4px;border:0;background:none;color:var(--tk-grau);font-size:.88rem;text-decoration:underline;cursor:pointer}
.tk-hilfe{margin:26px 0 0;text-align:center;font-size:.98rem;color:var(--tk-grau)}
.tk-hilfe button{padding:0;border:0;background:none;color:var(--tk-blau);font:inherit;font-weight:600;cursor:pointer;border-bottom:1px dotted currentColor}
.tk-fuss{margin:14px auto 0;max-width:760px;text-align:center;font-size:.78rem;line-height:1.45;color:var(--tk-grau)}
@media (max-width:767.98px){
  .tk-schritt{padding:16px 14px}
  .tk-kacheln--teile{grid-template-columns:1fr 1fr}
  .tk-kachel--teil{padding:12px}
  .tk-schritt--fertig .tk-aendern{margin-left:4px;padding:4px 10px}
}
@media (prefers-reduced-motion:reduce){.tk-kachel,.tk-chip,.tk-schritt{transition:none}}
/* Auf dem Handy rollt die Seite nach jeder Wahl zur nächsten Frage. Der Seitenkopf klebt oben (73 px) und darf
   die Frage nicht verdecken. */
.tk-ergebnis,.tk-schritt{scroll-margin-top:90px}

/* Schritt 1: System finden. Chef 05.11.2026: „Um ein Implantat System zu finden gerne ein Suchfeld nutzen oder eine Übersicht
   mit allen Implantat Herstellern. Wenn man dann einen anklickt geht’s direkt an den Konfiguration.“ */
.tk-suche{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:6px 8px 6px 6px;border:1.5px solid var(--tk-linie);border-radius:999px;background:#fff}
.tk-suche:focus-within{border-color:var(--tk-blau);box-shadow:0 0 0 4px var(--tk-hell)}
.tk-suche input{flex:1;min-width:0;padding:8px 4px;border:0;outline:0;background:none;font-size:1rem;color:var(--tk-text)}
.tk-icon--klein{width:36px;height:36px;box-shadow:none}
.tk-icon--klein svg{width:20px;height:20px}
/* Schritt 1 nur mit Herstellernamen, alle Kacheln gleich (thiesa-ADR 0039).
   Chef 05.11.2026: „Das ist leider zu erschlagend. Erst mal den Implantathersteller abfragen“ */
.tk-firmen{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));grid-auto-rows:1fr}
.tk-firma{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:10px 12px 10px 16px;border:1.5px solid var(--tk-linie);
  border-radius:14px;background:#fff;color:var(--tk-text);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.tk-firma:hover,.tk-firma:focus-visible{border-color:rgba(47,111,176,.55);transform:translateY(-1px);outline:0}
.tk-firma:hover .tk-firma__pfeil,.tk-firma:focus-visible .tk-firma__pfeil{color:var(--tk-blau);transform:translateX(2px)}
.tk-firma.ist-aktiv{border-color:var(--tk-blau);background:var(--tk-hell);box-shadow:0 0 0 1px var(--tk-blau) inset}
.tk-firma[hidden]{display:none}
.tk-firma__text{display:flex;flex-direction:column;gap:1px;min-width:0}
.tk-firma__name{font-size:1rem;font-weight:700;line-height:1.25}
.tk-firma__treffer{font-size:.8rem;font-weight:600;color:var(--tk-blau)}
.tk-firma__treffer:empty{display:none}
.tk-firma__pfeil{flex:0 0 auto;display:grid;place-items:center;color:#9aa1a8;transition:color .15s,transform .15s}
.tk-firma__pfeil svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:575.98px){.tk-firmen{grid-template-columns:1fr 1fr;gap:8px}.tk-firma{min-height:52px;padding:8px 10px 8px 14px}}
@media (prefers-reduced-motion:reduce){.tk-firma,.tk-firma__pfeil{transition:none}}
/* Systeme ohne Daten in Schritt 2: dieselbe Karte, nur leiser */
.tk-wahl--bald{background:var(--tk-flaeche)}
.tk-wahl--bald .tk-wahl__text strong{color:var(--tk-grau)}
.tk-wahl--bald .tk-bild svg.tk-bild__icon{stroke:#9aa1a8}
.tk-leer{margin:8px 0 0;font-weight:600}
.tk-leer[hidden]{display:none}
.tk-nachricht{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 0 0;padding:14px 16px;border-radius:14px;background:var(--tk-hell)}
.tk-nachricht p{flex:1 1 260px;margin:0;font-weight:600;color:var(--tk-text)}
.tk-nachricht__knopf{padding:10px 18px;border:0;border-radius:999px;background:var(--tk-blau);color:#fff;font-weight:700;cursor:pointer}
.tk-aendern{margin-left:8px;padding:4px 12px;border:1px solid var(--tk-linie);border-radius:999px;background:#fff;color:var(--tk-grau);font-size:.82rem;font-weight:600;cursor:pointer}
.tk-aendern:hover{border-color:var(--tk-blau);color:var(--tk-blau)}

/* Ausführung mit Bild. Chef 05.11.2026: „Bei Ausführung können dann neben den Text auch ruhig schon die richtigen Bilder mit
   angezeigt werden.“ Bis echte Produktbilder da sind, zeigen Zeichnungen den Unterschied. */
.tk-bildwahlen{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.tk-bildwahl{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;border:1.5px solid var(--tk-linie);border-radius:14px;background:#fff;
  color:var(--tk-text);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.tk-bildwahl:hover{border-color:rgba(47,111,176,.5);transform:translateY(-1px)}
.tk-bildwahl.ist-aktiv{border-color:var(--tk-blau);background:var(--tk-hell);box-shadow:0 0 0 1px var(--tk-blau) inset}
.tk-bildwahl__text{font-size:.9rem;font-weight:650;text-align:center;line-height:1.25}
.tk-bild{display:grid;place-items:center;width:72px;height:72px;border-radius:14px;background:var(--tk-flaeche)}
.tk-bildwahl.ist-aktiv .tk-bild{background:#fff}
.tk-bild svg{width:60px;height:60px;fill:none;stroke:var(--tk-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tk-bild svg .f{fill:var(--tk-hell);stroke:var(--tk-blau)}
.tk-bild svg .g{stroke:#9aa1a8;stroke-width:1.4}
.tk-bild svg .m{stroke:var(--tk-blau);stroke-width:2}
.tk-bild svg .gold{fill:#d4af37;stroke:#8a6d12}
.tk-bild svg .grau{fill:#c3c9d0;stroke:#5f6770}
.tk-karte__hinweis{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--tk-hell);font-size:.88rem;line-height:1.4;color:var(--tk-text)}
.tk-hinweis--frage{color:#7a5600;font-weight:600}
@media (max-width:767.98px){
  .tk-bildwahlen{grid-template-columns:1fr 1fr}
  .tk-set__frage{margin-left:0}
}

/* Eine Karte für jede Wahl: gleiche Größe, Bild links, Text rechts, gleiche Markierung mit Häkchen */
.tk-wahlen{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-auto-rows:1fr}
.tk-wahl{position:relative;display:flex;align-items:center;gap:12px;min-height:104px;padding:12px 14px;border:1.5px solid var(--tk-linie);border-radius:14px;
  background:#fff;color:var(--tk-text);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.tk-wahl:hover{border-color:rgba(47,111,176,.5);transform:translateY(-1px)}
.tk-wahl.ist-aktiv{border-color:var(--tk-blau);background:var(--tk-hell);box-shadow:0 0 0 1px var(--tk-blau) inset}
.tk-wahl.ist-aktiv::after{content:"✓";position:absolute;top:8px;right:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:var(--tk-blau);color:#fff;font-size:.72rem;font-weight:800}
.tk-wahl .tk-bild{flex:0 0 auto;width:58px;height:58px;border-radius:12px}
.tk-wahl .tk-bild svg{width:50px;height:50px}
.tk-wahl.ist-aktiv .tk-bild{background:#fff}
.tk-bild svg.tk-bild__icon{width:30px;height:30px;stroke:var(--tk-blau);stroke-width:1.6}
.tk-wahl__text{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:14px}
.tk-wahl__text strong{font-size:1rem;font-weight:700;line-height:1.25}
.tk-wahl__text small{font-size:.82rem;line-height:1.35;color:var(--tk-grau);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;hyphens:auto;overflow-wrap:anywhere}
.tk-option.ist-beantwortet .tk-option__name::after{content:" ✓";color:var(--tk-blau)}
/* Im Set dieselbe Karte, nur kleiner */
.tk-wahl--klein{min-height:0!important;padding:6px 10px 6px 6px;gap:8px;border-radius:12px}
.tk-wahl--klein .tk-bild{width:34px;height:34px;border-radius:9px}
.tk-wahl--klein .tk-bild svg{width:30px;height:30px}
.tk-wahl--klein .tk-wahl__text{padding-right:16px}
.tk-wahl--klein .tk-wahl__text strong{font-size:.86rem}
.tk-wahl--klein.ist-aktiv::after{top:50%;right:6px;width:16px;height:16px;transform:translateY(-50%);font-size:.6rem}
.tk-karte--dran{border-color:rgba(47,111,176,.55);box-shadow:0 0 0 4px var(--tk-hell),0 18px 40px -24px rgba(36,90,145,.55)}
@media (max-width:767.98px){.tk-wahlen{grid-template-columns:1fr 1fr}.tk-wahl{flex-direction:column;align-items:flex-start;min-height:0}.tk-wahl__text{padding-right:0}}

/* exocad-Datei einlesen (thiesa-ADR 0032, 0034, 0035): ein kleiner umrandeter Knopf gleich unter der Systemsuche, als
   „Oder schneller“ und „freiwillig“ beschriftet. Kein Kasten wie zuerst, nicht versteckt wie danach.
   Chef 05.11.2026: „Das reinladen der config ist nun aber wieder sehr versteckt. Bitte Mittelmaß finden“ */
.tk-datei{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:-2px 0 16px;padding:0 4px;font-size:.88rem;color:var(--tk-grau)}
.tk-datei__oder{font-weight:600}
.tk-datei__knopf{display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 14px 6px 10px;border:1px solid rgba(47,111,176,.4);border-radius:999px;
  background:#fff;color:var(--tk-blau);font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}
.tk-datei__knopf:hover,.tk-datei__knopf:focus-visible{border-color:var(--tk-blau);background:var(--tk-hell);outline:0}
.tk-datei__knopf svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tk-datei__hinweis{flex:1 1 220px;font-size:.8rem;line-height:1.4}
@media (max-width:575.98px){.tk-datei__oder{display:none}}
.tk-schritt.ist-drueber{border-color:var(--tk-blau);border-style:dashed;background:var(--tk-hell)}
.tk-erkannt{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:#eaf6ee;border:1px solid #b9dfc6;color:#1d4d2c}
.tk-erkannt strong{font-weight:700}
.tk-erkannt span{font-size:.9rem}
.tk-erkannt--leer{background:#fff8e6;border-color:#f2d38a;color:#5c4300}
.tk-erkannt details{margin-top:6px;font-size:.82rem}
.tk-erkannt summary{cursor:pointer;font-weight:600}
.tk-erkannt details p{margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-word}
.tk-karte__je{font-size:.88rem;font-weight:600;color:var(--tk-grau)}
.tk-menge{display:flex;align-items:center;gap:10px;margin:2px 0 4px}
.tk-menge__name{font-size:.88rem;font-weight:600;color:var(--tk-grau);margin-right:auto}
.tk-menge__knopf{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1.5px solid var(--tk-linie);border-radius:50%;background:#fff;
  color:var(--tk-text);font-size:1.1rem;font-weight:700;cursor:pointer}
.tk-menge__knopf:hover:not(:disabled){border-color:var(--tk-blau);color:var(--tk-blau)}
.tk-menge__knopf:disabled{opacity:.4;cursor:default}
.tk-menge__zahl{min-width:24px;text-align:center;font-size:1.05rem}

/* Ergebniskarte ruhiger: Anzahl groß neben dem Preis, Zubehör ohne Beschreibung.
   Chef 05.11.2026: „das Feld mit den ausgewählten Artikeln ist viel zu voll“ */
.tk-kaufzeile{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 4px;padding:12px 0;border-top:1px solid var(--tk-linie)}
.tk-kaufzeile .tk-karte__preis{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin:0}
.tk-kaufzeile .tk-karte__preis strong{font-size:1.5rem;font-weight:800;line-height:1.1}
.tk-kaufzeile .tk-karte__je{font-size:.78rem;font-weight:600;color:var(--tk-grau)}
.tk-kaufzeile .tk-menge{display:inline-flex;align-items:center;gap:0;margin:0;height:48px;border:1.5px solid #9aa1a8;border-radius:999px;overflow:hidden;background:#fff}
.tk-kaufzeile .tk-menge__knopf{width:46px;height:100%;border:0;border-radius:0;background:none;font-size:1.35rem;color:var(--tk-text)}
.tk-kaufzeile .tk-menge__knopf:hover:not(:disabled){background:var(--tk-hell);color:var(--tk-blau)}
.tk-kaufzeile .tk-menge__zahl{min-width:40px;font-size:1.25rem;font-weight:800;text-align:center}
.tk-set__titel{margin:4px 0 6px}
.tk-set__zeile{padding:4px}
.tk-set__oben .tk-icon--klein{width:32px;height:32px}
.tk-set__text strong{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.tk-set__text strong .tk-marke{margin-left:0}