/* A.0.96.0 — zwei Dinge der Verwaltung.
   1) Zweitbefund (tafeln/kleinanzeigen.js, kleinanzeigen-seiten.js): das Kleinanzeigenportal als Webseite in der Tafel — Adresse
      als Titel wie bei Shoppital, Kopf in Tinte, Preisschilder in Orange mit Loch (wie das Schild am Karton auf Gretas Tisch),
      Nachrichten als Sprechblasen.
   2) Seit A.0.97.0 die Preistafel (tafeln/preistafel.js) statt des Schlüsselbretts: der Kostenschlüssel als Tafel mit
      Steckbuchstaben, daneben Gretas Klebezettel mit dem Urteil und der Kassenbon. */

/* ── Zweitbefund ─────────────────────────────────────────────────────── */
.tafel.kz-tafel {
  --k-tinte: #2a2433; --k-orange: #ee6a2c; --k-orange2: #b9501d; --k-papier: #fffaf3; --k-sand: #f4eadb;
  --k-linie: #e4d5c1; --k-leise: #6c6070; --k-gut: #2c7a4b; --k-rot: #b33b28; --k-gelb: #ffd56b;
  width: min(98%, 66em); height: min(100%, 48em); background: var(--k-papier); color: var(--k-tinte); border: 1px solid #a99d93; border-radius: .55em;
}
.kz-tafel .tafel-kopf { background: linear-gradient(#f1ece6, #e2dad1); color: var(--k-tinte); padding: .3em .35em .3em .6em; border-bottom: 1px solid var(--k-linie); }
.kz-tafel .tafel-kopf h2 { flex: 1; min-width: 0; font-family: var(--schrift); font-weight: 700; font-size: .8em; letter-spacing: 0; padding: .22em .85em;
  border-radius: 999px; background: #fff; border: 1px solid var(--k-linie); color: var(--k-leise); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kz-tafel .tafel-kopf h2::before { content: '🔒 '; font-size: .9em; }
.kz-tafel .tafel-zu { color: var(--k-tinte); width: 1.9em; height: 1.6em; border-radius: .35em; display: grid; place-items: center; background: transparent; }
.kz-tafel .tafel-zu:hover, .kz-tafel .tafel-zu:focus-visible { background: #d93a3a; color: #fff; outline: none; }
.kz-tafel .tafel-inhalt { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.kz-tafel .tafel-fuss { background: var(--k-sand); border-top: 1px solid var(--k-linie); }
.kz { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.kz-seite { flex: 1 1 auto; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: .8em 1em 1.1em; }
.kz .knopf:focus-visible { outline: 2px solid var(--k-orange); outline-offset: 2px; }
.kz h3.kz-h, .kz h4 { font-family: var(--zier); color: var(--k-tinte); margin: 0 0 .4em; }
.kz h3.kz-h { font-size: 1.15em; }
.kz h4 { font-size: 1em; }

/* Kopf und Leiste */
.kz-kopf { flex: none; display: flex; align-items: center; gap: .9em; padding: .5em .9em; background: var(--k-tinte); }
.kz .kz-logo { display: flex; align-items: center; gap: .35em; border: 0; background: none; color: #fff; padding: .05em .3em; border-radius: .4em; }
.kz .kz-logo:hover:not(:disabled) { background: rgba(255, 255, 255, .08); }
.kz-zeichen { width: 2.2em; height: 2.2em; flex: none; }
.kz-logo b { font: 700 1.4em/1 var(--zier); letter-spacing: -.01em; color: #fff; }
.kz-logo b i { font-style: normal; color: var(--k-orange); }
.kz-spruch { color: #d9cfe0; font-weight: 700; font-size: .9em; }
.kz .kz-aufgeben-knopf { margin-left: auto; border: 0; border-radius: 999px; background: var(--k-orange); color: #fff; font-weight: 800; padding: .4em 1em; box-shadow: 0 .12em 0 var(--k-orange2); }
.kz .kz-aufgeben-knopf:hover:not(:disabled), .kz .kz-aufgeben-knopf.an { background: #f47d43; }
.kz-leer .kz-aufgeben-knopf { margin: .3em 0 0; }
.kz-leiste { flex: none; display: flex; gap: .2em; padding: 0 .8em; background: var(--k-sand); border-bottom: 1px solid var(--k-linie); }
.kz .kz-reiter { border: 0; border-bottom: .2em solid transparent; border-radius: 0; background: none; color: var(--k-leise); font-weight: 800; padding: .5em .8em .4em; }
.kz .kz-reiter:hover:not(:disabled) { background: none; color: var(--k-tinte); }
.kz .kz-reiter.an { color: var(--k-tinte); border-bottom-color: var(--k-orange); }
.kz-reiter small { color: var(--k-leise); font-weight: 700; }
.kz-zahl { display: inline-grid; place-items: center; min-width: 1.45em; height: 1.45em; padding: 0 .35em; border-radius: 999px; background: var(--k-orange); color: #fff; font-size: .8em; }
.kz-notiz { margin: 0 0 .8em; padding: .45em .8em; border-radius: .4em; background: #fdebe4; border-left: .25em solid var(--k-rot); font-weight: 700; }
.kz-notiz.gut { background: #e7f4ec; border-left-color: var(--k-gut); }
.kz-leer { color: var(--k-leise); font-weight: 700; padding: .4em 0; max-width: 60ch; }
.kz-leise { color: var(--k-leise); font-weight: 600; font-size: .9em; margin: .3em 0; }
.kz-zeile { display: flex; align-items: center; justify-content: space-between; gap: .6em; flex-wrap: wrap; margin-bottom: .6em; }
.kz-zeile h3, .kz-zeile h4 { margin: 0; }
.kz-chips { display: flex; gap: .3em; flex-wrap: wrap; }
.kz .kz-chip { border-radius: 999px; border: 1px solid var(--k-linie); background: #fff; font-weight: 700; padding: .2em .75em; font-size: .9em; }
.kz .kz-chip.an { background: var(--k-tinte); border-color: var(--k-tinte); color: #fff; }

/* Preisschild: orange, mit Loch links — das Zeichen des Portals */
.kz-preis { position: relative; display: inline-flex; align-items: baseline; gap: .25em; padding: .18em .6em .2em 1.15em; background: var(--k-orange); color: #fff;
  font: 700 1em/1.15 var(--zier); white-space: nowrap; clip-path: polygon(.6em 0, 100% 0, 100% 100%, .6em 100%, 0 50%); border-radius: 0 .3em .3em 0; }
.kz-preis::before { content: ''; position: absolute; left: .55em; top: 50%; width: .32em; height: .32em; margin-top: -.16em; border-radius: 50%; background: var(--k-papier); }
.kz-preis small { font-size: .7em; font-weight: 600; opacity: .9; }
.kz-preis.gross { font-size: 1.5em; margin: .1em 0 .4em; }
.kz-preis.flach { font-size: .95em; }
.kz-vorher { color: var(--k-leise); font-weight: 700; }

/* Kacheln: Stöbern und die Vorschau beim Aufgeben */
.kz-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(11.5em, 1fr)); gap: .75em; }
.kz .kz-karte, .kz-vorschau { display: flex; flex-direction: column; gap: .2em; padding: 0 0 .55em; text-align: left; background: #fff; color: var(--k-tinte);
  border: 1px solid var(--k-linie); border-radius: .5em; overflow: hidden; }
.kz .kz-karte:hover:not(:disabled) { background: #fff; border-color: var(--k-orange); box-shadow: 0 .2em .6em rgba(42, 36, 51, .12); }
.kz-karte.meine { border-color: #e7b897; background: #fff8f2; }
/* das Bild liegt absolut im Kasten: hohe Bilder (Monitor, Kühlaggregat) strecken die Kachel nicht */
.kz-bild { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; background: var(--k-sand); margin-bottom: .3em; flex: none; }
.kz-bild img { position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain; }
.kz-bild .emoji { font-size: 2.4em; }
.kz-bild .kz-preis { position: absolute; left: 0; bottom: .45em; }
.kz-bild.klein { width: 4.4em; flex: none; aspect-ratio: 1; margin: 0; border-radius: .35em; }
.kz-titel { font-weight: 800; padding: 0 .65em; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kz-meta { color: var(--k-leise); font-size: .85em; font-weight: 700; padding: 0 .65em; }
.kz-zeit { color: var(--k-leise); font-size: .8em; font-weight: 600; padding: 0 .65em; }
.kz-deine { color: var(--k-orange2); }
.kz-marke { display: inline-block; padding: 0 .45em; border-radius: 999px; background: var(--k-sand); color: var(--k-leise); font-size: .8em; }

/* Eine Anzeige */
.kz-detail { display: grid; grid-template-columns: minmax(12em, 22em) minmax(0, 1fr); gap: 1.1em; align-items: start; }
.kz-gross { position: relative; display: grid; place-items: center; aspect-ratio: 1; background: var(--k-sand); border-radius: .6em; }
.kz-gross img { position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain; }
.kz-gross .emoji { font-size: 4em; }
.kz-info .zeile { display: flex; justify-content: space-between; gap: 1em; padding: .25em 0; border-bottom: 1px dotted var(--k-linie); }
.kz-info .zeile b { text-align: right; }
.kz-text { margin: .7em 0 .3em; line-height: 1.5; max-width: 62ch; }

/* Meine Anzeigen */
.kz-mein { border: 1px solid var(--k-linie); border-radius: .55em; background: #fff; padding: .6em; margin-bottom: .8em; }
.kz .kz-mein-kopf, .kz .kz-lagerzeile { width: 100%; display: flex; align-items: center; gap: .7em; text-align: left; border: 0; background: none; padding: 0; color: var(--k-tinte); }
.kz .kz-mein-kopf:hover:not(:disabled) { background: none; }
.kz-mein-kopf:hover .kz-titel { color: var(--k-orange2); }
.kz-mein-text { display: flex; flex-direction: column; gap: .2em; min-width: 0; flex: 1; }
.kz-mein-text .kz-titel, .kz-mein-text .kz-meta, .kz-mein-text .kz-zeit { padding: 0; }
.kz-mein-text s { color: var(--k-leise); }
.kz-weiter { font-size: 1.6em; color: var(--k-leise); }
.kz-mein > .kz-leise { margin: .5em 0 0; }

/* Nachrichten: Sprechblase des Interessenten links, deine Antwort als Zeile, seine Antwort darauf rechts */
.kz-faden { margin-top: .6em; }
.kz-blase { position: relative; max-width: 46em; padding: .5em .75em .55em; background: var(--k-sand); border-radius: .2em .8em .8em .8em; }
.kz-faden.offen > .kz-blase:first-child { background: #fff3e8; border: 1px solid #f2b48f; }
.kz-blase.neu { box-shadow: 0 0 0 2px var(--k-gelb); }
.kz-blase p { margin: .2em 0 0; }
.kz-blase-kopf { display: flex; align-items: baseline; flex-wrap: wrap; gap: .1em .5em; }
.kz-blase-kopf span { color: var(--k-orange2); font-weight: 800; }
.kz-blase-kopf small { color: var(--k-leise); font-weight: 600; }
.kz-blase-kopf em { font-style: normal; font-weight: 800; font-size: .75em; color: #6b4d00; background: var(--k-gelb); border-radius: 999px; padding: 0 .5em; }
.kz-blase.antwort { margin: .35em 0 0 auto; width: fit-content; max-width: 40em; background: #ebe6f0; border-radius: .8em .2em .8em .8em; }
.kz-du { margin: .3em 0 0 .2em; color: var(--k-leise); font-size: .85em; font-weight: 700; }
.kz-taten { display: flex; flex-wrap: wrap; gap: .4em; margin-top: .5em; }
.kz .kz-ja { background: var(--k-gut); border-color: var(--k-gut); color: #fff; font-weight: 800; }
.kz .kz-ja:hover:not(:disabled) { background: #348f59; }
.kz .kz-mitte { background: #fff; border-color: var(--k-orange); color: var(--k-orange2); font-weight: 800; }
.kz .kz-nein { background: #fff; border-color: #cfc3cf; color: var(--k-leise); font-weight: 700; }
.kz-nachrichten { margin-top: 1.1em; border-top: 1px solid var(--k-linie); padding-top: .6em; }

/* Preis wählen: Zähler, VB/Festpreis, Skala günstig–teuer */
.kz-aendern { margin-top: .9em; padding: .7em .8em; border-radius: .5em; background: var(--k-sand); }
.kz-preiswahl { display: flex; align-items: center; gap: .8em; flex-wrap: wrap; margin: .3em 0 .5em; }
.kz-stepper { display: inline-flex; align-items: center; gap: .3em; }
.kz-stepper b { min-width: 5.2em; text-align: center; font: 700 1.45em/1 var(--zier); }
.kz .kz-stepper .knopf { width: 2em; height: 2em; padding: 0; border-radius: 50%; font: 800 1.15em/1 var(--schrift); background: #fff; border-color: var(--k-linie); }
.kz-art { display: inline-flex; border: 1px solid var(--k-linie); border-radius: 999px; overflow: hidden; background: #fff; }
.kz .kz-art .knopf { border: 0; border-radius: 0; background: none; font-weight: 800; padding: .3em .9em; color: var(--k-leise); }
.kz .kz-art .knopf.an { background: var(--k-tinte); color: #fff; }
.kz-skala { position: relative; height: .55em; border-radius: 999px; margin: .4em .2em .2em;
  background: linear-gradient(90deg, #4f9a63 0%, #97c35a 30%, #f1c84b 42%, #ee8a3a 55%, #c9452b 75%, #8e2a1d 100%); }
.kz-skala i { position: absolute; top: 50%; width: 1em; height: 1em; margin: -.5em 0 0 -.5em; border-radius: 50%; background: #fff; border: .2em solid var(--k-tinte); }
.kz-skala-text { display: flex; justify-content: space-between; font-size: .8em; font-weight: 700; color: var(--k-leise); }
.kz-skala-text span:nth-child(2) { color: var(--k-tinte); }
.kz-schaetzung { margin: .5em 0 .2em; font-weight: 800; }

/* Anzeige aufgeben: links das Lager, rechts die Anzeige */
.kz-aufgeben { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16em, 24em); gap: 1.1em; align-items: start; }
.kz-lager { display: flex; flex-direction: column; gap: .35em; }
.kz .kz-lagerzeile { padding: .35em .45em; border: 1px solid var(--k-linie); border-radius: .45em; background: #fff; }
.kz .kz-lagerzeile:hover:not(:disabled) { border-color: var(--k-orange); background: #fff; }
.kz .kz-lagerzeile.an { border-color: var(--k-orange); box-shadow: inset .25em 0 0 var(--k-orange); background: #fff8f2; }
.kz-lagerzeile .kz-bild.klein { width: 3.4em; }
.kz-editor { position: sticky; top: 0; padding: .7em .8em .8em; border-radius: .6em; background: var(--k-sand); }
.kz-editor.leer { color: var(--k-leise); font-weight: 700; }
.kz-vorschau { margin-bottom: .5em; }
.kz-vorschau .kz-text { margin: .3em .65em 0; font-size: .9em; }
.kz-stueck { display: flex; align-items: center; justify-content: space-between; gap: .4em; margin: .2em 0 .5em; font-weight: 700; font-size: .9em; }
.kz .kz-stueck .knopf { padding: .1em .6em; }

/* Verkauft */
.kz-verkauft { display: flex; gap: .7em; align-items: center; padding: .5em 0; border-bottom: 1px solid var(--k-linie); }
.kz-stempel { display: inline-block; padding: 0 .45em; border: 2px solid var(--k-gut); color: var(--k-gut); border-radius: .25em; transform: rotate(-4deg); font-weight: 800; margin-right: .2em; }
.kz-zitat { font-style: italic; color: var(--k-leise); font-size: .9em; }

@container (max-width: 640px) {
  .kz-detail, .kz-aufgeben { grid-template-columns: 1fr; }
  .kz-editor { position: static; order: -1; }
  .kz-spruch { display: none; }
  .kz-raster { grid-template-columns: repeat(auto-fill, minmax(9.5em, 1fr)); }
}

/* Die Zeitung: Anzeigen von Zweitbefund im Kleinanzeigenkasten (tafeln/stadt.js) */
.zb-anzeigen .zb-inserat b { font-weight: 700; }
.zb-anzeigen .zb-inserat i { font-style: italic; }
.zb-anzeigen .zb-portal { display: block; margin-top: .3em; font-style: italic; font-size: .85em; opacity: .8; }

/* ── Die Preistafel (A.0.97.0) ──────────────────────────────────────── */
/* Wie die Tafel an der Wand neben Greta: schwarzer Rillenfilz im Alurahmen, weiße Steckbuchstaben — Schwarz, Weiß, Alu, kein
   Regenbogen (das Schlüsselbrett davor hatte acht bunte Anhänger). Daneben Gretas Klebezettel (gelb, schräg) und der Kassenbon. */
.tafel.preis-tafel { width: min(97%, 52em); }
.pt-buehne { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 1.1em; align-items: start; margin: .2em 0 .8em; }
.pt-rahmen { padding: .5em .5em .3em; border-radius: .3em;
  background: linear-gradient(135deg, #f5f7f9, #b8bfc6 28%, #eef1f4 52%, #a3abb4 78%, #d9dee3);
  box-shadow: 0 .35em .9em rgba(20, 20, 20, .38), inset 0 0 0 1px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .8); }
.pt-filz { padding: .8em 1em .9em; border-radius: .12em; color: #f6f6f2;
  background: repeating-linear-gradient(180deg, #222326 0 .32em, #141517 .32em .42em);
  box-shadow: inset 0 .18em .45em rgba(0, 0, 0, .8), inset 0 0 0 1px rgba(0, 0, 0, .6); }
.pt-kopf { text-align: center; font: 800 1.85em/1.1 var(--schrift); letter-spacing: .16em; margin: 0 0 .3em .16em;
  text-shadow: 0 .05em 0 rgba(0, 0, 0, .7), 0 -.02em 0 rgba(255, 255, 255, .35); }
.pt-reihe { display: grid; grid-template-columns: auto minmax(.8em, 1fr) auto auto 3.2em; align-items: baseline; column-gap: .45em; padding: .17em 0; }
.pt-name { font: 700 1em/1.25 var(--schrift); letter-spacing: .04em; text-shadow: 0 .05em 0 rgba(0, 0, 0, .7); white-space: nowrap; }
.pt-punkte { border-bottom: .16em dotted rgba(246, 246, 242, .5); transform: translateY(-.25em); }
.pt-wert { min-width: 2.7em; text-align: right; font: 800 1.15em/1 var(--schrift); font-variant-numeric: tabular-nums; letter-spacing: .05em;
  text-shadow: 0 .05em 0 rgba(0, 0, 0, .7); }
.pt-stecken { display: flex; gap: .25em; align-self: center; }
.preis-tafel .pt-stecken .knopf { width: 1.55em; height: 1.55em; padding: 0; border-radius: 50%; display: grid; place-items: center; font: 800 1em/1 var(--schrift);
  color: #f6f6f2; background: radial-gradient(circle at 35% 30%, #5d6168, #34373c 70%); border: 1px solid #6f747b; box-shadow: 0 .08em .15em rgba(0, 0, 0, .6); }
.preis-tafel .pt-stecken .knopf:hover:not(:disabled) { background: radial-gradient(circle at 35% 30%, #7a7f87, #474b51 70%); }
.preis-tafel .pt-stecken .knopf:disabled { opacity: .3; cursor: default; }
.pt-stadt { font: 700 .78em/1 var(--schrift); color: #a7acb3; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pt-spalten { padding: 0 0 .05em; }
.pt-spalten .pt-stadt { font-size: .66em; letter-spacing: .1em; text-transform: uppercase; }
.pt-filz .hinweis-i { background: #6f747b; color: #f6f6f2; }
.pt-filz [data-hinweis]:hover .hinweis-i { background: #c9cdd2; color: #141517; }
.pt-schildchen { margin: .3em 0 0 !important; text-align: center; font: 700 .7em/1.3 var(--schrift); color: #3d444b; text-shadow: 0 1px 0 rgba(255, 255, 255, .6); }
.pt-seite { display: flex; flex-direction: column; gap: 1.1em; padding-top: .3em; }
/* Gretas Klebezettel: gelb und schräg; die Farbe der Stufe (grün bis rot) unterstreicht das Urteil */
.preis-tafel .ks-urteil.pt-zettel { position: relative; margin: 0 .3em; padding: .8em .9em .65em; border: 0; border-radius: 0 0 .25em .25em;
  background: linear-gradient(#fff7a8, #fdea78); box-shadow: 0 .55em .7em -.35em rgba(60, 45, 0, .5); transform: rotate(1.5deg);
  font: 600 .96em/1.42 var(--schrift); color: #3a3210; }
.pt-zettel p { margin: 0 0 .35em; }
.pt-zettel b { font-weight: 800; white-space: nowrap; }   /* „251 €“ nie getrennt */
.pt-zettel .pt-urteil { text-decoration: underline .17em var(--stufe, #c9a227); text-underline-offset: .2em; }
.pt-zettel.stufe-1 { --stufe: #3f8f5a; } .pt-zettel.stufe-2 { --stufe: #8fb84e; } .pt-zettel.stufe-3 { --stufe: #c9a227; }
.pt-zettel.stufe-4 { --stufe: #e07a32; } .pt-zettel.stufe-5 { --stufe: #b8321f; }
.pt-spruch { font-style: italic; }
.pt-zettel .pt-gruss { margin: 0; text-align: right; font: italic 700 1.05em/1.2 var(--zier); color: #5b4a10; }
.pt-gruss::before { content: '— '; }
/* der Kassenbon (bis A.0.96.0 unter dem Schlüsselbrett): gezackter Rand unten */
.pt-bon { margin: 0 .2em; padding: .7em .8em 1.1em; background: #fff; font: .82em/1.4 'Courier Prime', 'Courier New', monospace; color: #222;
  box-shadow: 0 .15em .5em rgba(40, 25, 5, .2);
  -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - .5em) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, transparent 0) bottom / 1em .5em repeat-x;
  mask: linear-gradient(#000, #000) top / 100% calc(100% - .5em) no-repeat, conic-gradient(from 135deg at 50% 0, #000 90deg, transparent 0) bottom / 1em .5em repeat-x; }
.preis-tafel .pt-bon h4.ks-kosten { margin: 0 0 .4em; text-align: center; font: 700 1em 'Courier Prime', 'Courier New', monospace; color: #222; letter-spacing: .04em; }
.pt-bon .zeile { display: flex; align-items: baseline; gap: .4em; padding: .1em 0; border: 0; }
.pt-bon .zeile span { flex: 0 1 auto; }
.pt-bon .zeile::after { content: ''; order: 1; flex: 1 0 .6em; border-bottom: 1px dotted #888; margin: 0 .2em; }
.pt-bon .zeile b { order: 2; flex: none; }
.pt-bon p { margin: .5em 0 0; font-size: .85em; color: #555; }

/* schmal untereinander: Gretas Zettel zuerst (das Ergebnis vorn, wie seit A.0.56.3), dann die Tafel, dann der Bon */
@container (max-width: 680px) {
  .pt-buehne { grid-template-columns: minmax(0, 1fr); }
  .pt-seite { display: contents; }
  .preis-tafel .ks-urteil.pt-zettel { order: -1; justify-self: center; width: min(100% - .8em, 34em); margin-top: .4em; transform: rotate(.8deg); }
  .pt-bon { justify-self: center; width: min(100% - .4em, 30em); }
  .pt-bon { order: 1; }
}
@container (max-width: 420px) {
  .pt-filz { padding: .7em .55em .8em; }
  .pt-reihe { column-gap: .3em; grid-template-columns: auto minmax(.4em, 1fr) auto auto 2.6em; }
  .pt-kopf { font-size: 1.5em; }
}
@media (prefers-reduced-motion: no-preference) {
  .preis-tafel .pt-stecken .knopf:active:not(:disabled) { transform: scale(.92); }
}