/* ============================================================
   Lead Magnet — Oberflaeche.

   Entwurf und Messungen: previews/lead-magnet.html

   EIN FUNNEL IST EINE FRAGE, DIE SICH LOHNT. Eine Seite, eine Frage,
   ein grosser Knopf — und am Ende ein Termin.

   Der Rahmen folgt dem Hausstandard fuer Apps mit Navigation links
   (src/intentio-rahmen.css, src/crm-suite.css): Leiste und Kopf sind
   EINE getoente Flaeche, der Inhalt liegt darauf mit runder Ecke oben
   links. Die Navigation sind Pillen, 42 hoch, Radius 21.

   Alle Klassen tragen lm-, alle Kennungen lm… — die App liegt im
   selben Dokument wie der Rest der Workstation.
   ============================================================ */

/* ============================================================
   Vorschau: Lead Magnet — Intentio-App.

   EIN FUNNEL IST EINE FRAGE, DIE SICH LOHNT. Wer auf eine Anzeige
   klickt, will nicht ein Formular mit elf Feldern. Er will eine
   Frage, die ihn meint. Darum: eine Seite, eine Frage, ein grosser
   Knopf — und am Ende ein Termin.

   DREI DINGE MACHT DIESE APP ANDERS ALS DIE BAUKAESTEN DA DRAUSSEN:

   1) KEIN COOKIE-BANNER. Gemessen wird am eigenen Server, in
      Zahlen, nicht in Personen. Kein fremdes Skript, kein Pixel,
      keine Einwilligung noetig. Ein Banner auf Schritt 1 kostet
      Abschluesse — und beim Beispiel, das wir uns angesehen haben,
      stand genau dort eines.

   2) PFAD STATT TRICHTER. Sobald ein Funnel verzweigt, luegt ein
      Balkendiagramm von oben nach unten: es addiert Wege, die nie
      dieselben waren. Hier wird der wirkliche Weg gezeigt.

   3) FELDGENAU. Nicht "das Formular bricht ab", sondern: an der
      Telefonnummer, nach 11 Sekunden, nach zwei Korrekturen.
      Gezaehlt, nicht geschaetzt.

   UND DIE LEITLINIE DES HAUSES GILT AUCH HIER:
   WAS BEHAUPTET WIRD, WIRD GEZAEHLT.
   Jede Zahl in der Auswertung kommt aus Ereignissen, die unten im
   Ereignisstrom stehen. Wer eine Zahl nicht glaubt, kann sie
   nachsehen.

   Hell wie die Workstation, flach, Akzent #1a9bdb.
   ============================================================ */
.lm-frame{
  --akz:#1a9bdb; --akz-rgb:26,155,219; --akz-dunkel:#0d6a99;
  --tinte:#12233a; --text2:#41556d; --mut:#8a97a8;
  --linie:#e7eef6; --linie2:#d9e4f0; --grund:#f5f8fc;
  --gut:#0e7c6b; --gut-rgb:14,124,107; --warm:#c2691a; --kalt:#b3261e; --lila:#6d4fc4;
  --weg:#2f6fd0;

  /* Die --ir-*-Werte kommen aus src/intentio-rahmen.css und haengen am
     gewaehlten Design. Hier steht bewusst KEINE eigene Definition: eine
     Variable am Element schlaegt den geerbten Wert, und die App waere
     fuer immer blau. Der Rueckfall steht im Aufruf, nicht hier. */
}
.lm-frame .material-symbols-rounded{ vertical-align:middle; line-height:1;
  font-variation-settings:"wght" 400; }

/* ---------- Rahmen ----------
   Leiste und Kopf sind EINE getoente Flaeche, der Inhalt liegt darauf
   mit runder Ecke oben links. Genau wie in der Workstation selbst. */
.lm-frame{
  position:absolute; display:grid; grid-template-columns:240px minmax(0,1fr);
  background:var(--ir-verlauf, linear-gradient(180deg,#d6ecf8 0%,#e6f2fa 70%)); color:var(--ir-text, #123247); overflow:hidden;
  font:14px/1.45 "Roboto Flex","Segoe UI",system-ui,sans-serif;
}
.lm-frame *{ box-sizing:border-box; }
.lm-frame .material-symbols-rounded{ vertical-align:middle; line-height:1; }
.lm-frame input[type=checkbox]{ accent-color:rgb(var(--accent-rgb,26,155,219));
  width:15px; height:15px; flex:none; }
/* Ohne diese Zeile liegt jedes ausgeblendete Stueck trotzdem da: das
   Verhalten von [hidden] kommt aus einer schwachen Regel des Browsers,
   und jedes display aus einer Klasse schlaegt sie. Das ist in diesem
   Haus schon mehrfach passiert. */
.lm-frame [hidden]{ display:none !important; }

/* ---------- Linke Leiste ---------- */
.lm-nav{ background:transparent; display:flex; flex-direction:column; min-height:0; padding:12px 10px; }
.lm-mk{ display:flex; align-items:center; gap:10px; padding:4px 6px 14px; min-width:0; }
.lm-mlogo{ width:36px; height:36px; border-radius:11px; background:var(--akz); color:#fff;
  display:grid; place-items:center; flex:0 0 auto; }
.lm-mlogo .material-symbols-rounded{ font-size:21px; }
.lm-mt{ min-width:0; }
.lm-mt b{ display:block; font-size:15.5px; font-weight:800; letter-spacing:-.015em; white-space:nowrap; }
.lm-mt small{ display:block; font-size:10px; color:var(--ir-leise, #4f6b80); white-space:nowrap; }
.lm-mt small em{ font-style:normal; font-weight:700; color:var(--akz-dunkel); }
.lm-navliste{ flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; }
.lm-nvgr{ margin:10px 6px 5px; padding:3px 6px; color:var(--ir-leise, #4f6b80); font-size:10px; font-weight:800;
  letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; overflow:hidden;
  text-overflow:ellipsis; }
.lm-nb{ display:flex; align-items:center; gap:12px; width:100%; height:42px; padding:0 12px;
  margin-bottom:2px; border:0; border-radius:21px; background:none; color:var(--ir-text, #123247);
  font:inherit; font-size:13.5px; font-weight:600; text-align:left; cursor:pointer;
  white-space:nowrap; }
.lm-nb .material-symbols-rounded{ font-size:21px; color:var(--ir-ic, #2d6f94); flex:none; }
.lm-nb:hover{ background:var(--ir-hover, rgba(26,155,219,.10)); }
.lm-nb.lm-an{ background:var(--ir-gewaehlt, rgba(26,155,219,.18)); color:var(--ir-aktiv, #0e4a6b); font-weight:700; }
.lm-nb.lm-an .material-symbols-rounded{ color:var(--ir-aktiv, #0e4a6b); font-variation-settings:"FILL" 1; }
.lm-nz{ margin-left:auto; min-width:20px; height:20px; padding:0 6px; border-radius:10px;
  display:grid; place-items:center; font-size:11px; font-weight:800;
  background:rgba(var(--akz-rgb),.16); color:var(--akz-dunkel);
  font-variant-numeric:tabular-nums; }
.lm-navfuss{ margin-top:auto; padding-top:8px; border-top:1px solid var(--ir-kante, rgba(26,155,219,.26)); }
.lm-klein{ color:var(--mut); font-size:11px; line-height:1.4; }
.lm-navfuss .lm-klein{ color:var(--ir-leise, #4f6b80); }

/* ---------- Rechte Spalte: Chrome oben, Koerper darunter ---------- */
.lm-haupt{ display:flex; flex-direction:column; min-width:0; min-height:0; }
.lm-chrome{ flex:none; display:flex; align-items:center; gap:12px; min-height:64px;
  padding:8px 12px 8px 16px; }
.lm-gsuche{ position:relative; flex:1; max-width:620px; min-width:0; }
.lm-gsfeld{ display:flex; align-items:center; gap:9px; height:42px; padding:0 10px 0 14px;
  border-radius:21px; background:var(--ir-feld, rgba(255,255,255,.75)); border:1px solid var(--ir-feldkante, rgba(26,155,219,.18));
  color:var(--ir-leise, #4f6b80); }
.lm-gsfeld .material-symbols-rounded{ font-size:20px; }
.lm-gsfeld input{ flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent;
  font:inherit; font-size:14px; color:var(--tinte); }
.lm-gsfeld kbd{ font:inherit; font-size:10.5px; font-weight:700; padding:1px 6px; border-radius:5px;
  background:rgba(var(--ir-tint, 26,155,219),.12); color:var(--ir-leise, #4f6b80); border:0; }
.lm-chrome-akt{ margin-left:auto; display:flex; align-items:center; gap:8px; }
.lm-xzu{ width:34px; height:34px; flex:none; display:grid; place-items:center; border:0;
  border-radius:50%; background:none; color:var(--ir-leise, #4f6b80); cursor:pointer; }
.lm-xzu:hover{ background:var(--ir-hover, rgba(26,155,219,.10)); color:var(--ir-text, #123247); }

/* Der Koerper: hier faengt der Inhalt an, mit der runden Ecke. */
.lm-koerper{ position:relative; flex:1; min-height:0; display:flex; flex-direction:column;
  overflow:hidden; border-top-left-radius:var(--ir-ecke, 18px); background:var(--grund); }
.lm-koerper::after{ content:""; position:absolute; inset:0; z-index:39; pointer-events:none;
  border-top-left-radius:var(--ir-ecke, 18px); box-shadow:inset 1px 1px 0 var(--ir-kante, rgba(26,155,219,.26)); }

/* ---------- Knoepfe ---------- */
.lm-knopf{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:32px; padding:0 12px;
  border-radius:9px; border:1px solid transparent; background:#eef3f9; color:var(--text2);
  font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; white-space:nowrap; }
.lm-knopf:hover{ filter:brightness(.97); }
.lm-knopf.lm-rand{ background:#fff; border-color:var(--linie2); }
.lm-knopf.lm-voll{ background:var(--akz); color:#fff; }
.lm-knopf.lm-gut{ background:var(--gut); color:#fff; }
.lm-knopf:disabled{ opacity:.4; cursor:default; }
.lm-ibtn{ width:30px; height:30px; display:grid; place-items:center; border-radius:8px; border:1px solid transparent;
  background:none; color:var(--text2); cursor:pointer; }
.lm-ibtn:hover{ background:#eef3f9; }
.lm-ibtn .material-symbols-rounded{ font-size:18px; }

/* ---------- Kopfzeile des Inhalts ---------- */
.lm-kopf{ position:relative; z-index:40; display:flex; align-items:center; gap:9px; height:48px;
  padding:0 14px; background:#fff; border-bottom:1px solid var(--linie); flex:0 0 auto;
  border-top-left-radius:var(--ir-ecke, 18px); }
.lm-kname{ font-weight:700; font-size:13.5px; }
.lm-krechts{ margin-left:auto; display:flex; align-items:center; gap:7px; }
.lm-pille{ display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 9px; border-radius:999px;
  background:#eef3f9; color:var(--text2); font-size:11.5px; font-weight:700; }
.lm-pille.lm-gut{ background:rgba(var(--gut-rgb),.12); color:var(--gut); }
.lm-pille.lm-akz{ background:rgba(var(--akz-rgb),.12); color:var(--akz-dunkel); }
.lm-pille .material-symbols-rounded{ font-size:14px; }
.lm-flaeche{ position:relative; z-index:40; flex:1 1 auto; min-height:0; overflow:auto; }

/* Laschen in der Kopfzeile. Zwei Ebenen bewusst unterschiedlich
   schwer: die Werkstatt-Laschen sind der Ort, die Auswertungs-Laschen
   nur der Ausschnitt. */
.lm-ktabs{ display:flex; gap:2px; }
.lm-ktab{ height:28px; padding:0 11px; border:0; border-radius:8px; background:none;
  color:var(--text2); font:inherit; font-size:12.5px; font-weight:600; cursor:pointer;
  display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }
.lm-ktab:hover{ background:#f1f6fb; }
.lm-ktab.lm-an{ background:rgba(var(--akz-rgb),.12); color:var(--akz-dunkel); font-weight:700; }
.lm-ktab .material-symbols-rounded{ font-size:16px; }
.lm-ktab .lm-nz2{ font-size:10.5px; font-weight:800; opacity:.7; font-variant-numeric:tabular-nums; }
.lm-zurueckf{ display:inline-flex; align-items:center; gap:4px; height:28px; padding:0 9px 0 6px;
  border:1px solid var(--linie2); border-radius:8px; background:#fff; color:var(--text2);
  font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.lm-zurueckf:hover{ border-color:var(--akz); color:var(--akz-dunkel); }
.lm-ktrenn{ width:1px; height:20px; background:var(--linie2); margin:0 4px; }

/* Kachel "Funnel erstellen" in der Liste */
.lm-neukachel{ display:flex; align-items:center; gap:10px; width:100%; padding:14px;
  border:1.5px dashed var(--linie2); border-radius:12px; background:#fff; cursor:pointer;
  font:inherit; text-align:left; color:var(--text2); }
.lm-neukachel:hover{ border-color:var(--akz); color:var(--akz-dunkel); }
.lm-neukachel .material-symbols-rounded{ font-size:24px; color:var(--akz); }

/* ---------- Bausteine der Oberflaeche ---------- */
.lm-karte{ background:#fff; border:1px solid var(--linie); border-radius:12px; }
.lm-nh{ color:var(--mut); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  margin:0 0 7px; }
.lm-tab{ width:100%; border-collapse:collapse; font-size:12.5px; }
.lm-tab th{ text-align:left; color:var(--mut); font-size:10px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; padding:6px 8px; border-bottom:1px solid var(--linie); white-space:nowrap; }
.lm-tab td{ padding:7px 8px; border-bottom:1px solid var(--linie); vertical-align:middle; }
.lm-tab tr:last-child td{ border-bottom:0; }
.lm-tab .lm-z{ text-align:right; font-variant-numeric:tabular-nums; }
.lm-hinweis{ display:flex; gap:8px; align-items:flex-start; padding:9px 11px; border-radius:10px;
  background:#eef3f9; color:var(--text2); font-size:12.5px; line-height:1.45; margin-top:10px; }
.lm-hinweis .material-symbols-rounded{ font-size:17px; flex:0 0 auto; margin-top:1px; }
.lm-hinweis.lm-gut{ background:rgba(var(--gut-rgb),.1); color:var(--gut); }
.lm-hinweis.lm-kalt{ background:rgba(179,38,30,.09); color:var(--kalt); }
.lm-hinweis.lm-warm{ background:rgba(194,105,26,.1); color:var(--warm); }
.lm-hinweis b{ color:inherit; }

/* ============================================================
   BAUKASTEN: Seiten | Buehne mit Telefon | Bausteine/Eigenschaften
   ============================================================ */
.lm-bau{ display:grid; grid-template-columns:238px minmax(0,1fr) 326px; height:100%; min-height:0; }

/* Seitenliste */
.lm-seitenspalte{ background:#fff; border-right:1px solid var(--linie); display:flex; flex-direction:column; min-height:0; }
.lm-ssk{ display:flex; align-items:center; gap:6px; padding:9px 11px; border-bottom:1px solid var(--linie); }
.lm-ssk b{ font-size:12px; }
.lm-sliste{ flex:1 1 auto; overflow:auto; padding:8px; }
.lm-skachel{ display:flex; gap:8px; align-items:flex-start; width:100%; padding:8px; margin-bottom:6px;
  border:1px solid var(--linie2); border-radius:10px; background:#fff; cursor:pointer; text-align:left;
  font:inherit; position:relative; }
.lm-skachel:hover{ border-color:var(--akz); }
.lm-skachel.lm-an{ border-color:var(--akz); background:rgba(var(--akz-rgb),.06); box-shadow:inset 0 0 0 1px var(--akz); }
.lm-snum{ width:19px; height:19px; flex:0 0 auto; border-radius:6px; background:#eef3f9; color:var(--text2);
  display:grid; place-items:center; font-size:10.5px; font-weight:800; font-variant-numeric:tabular-nums; }
.lm-skachel.lm-an .lm-snum{ background:var(--akz); color:#fff; }
.lm-sinfo{ min-width:0; flex:1 1 auto; }
.lm-sinfo b{ display:block; font-size:12.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lm-sinfo small{ display:block; color:var(--mut); font-size:10.5px; }
.lm-squote{ font-size:10.5px; font-weight:800; font-variant-numeric:tabular-nums; }
.lm-sbalken{ height:3px; border-radius:2px; background:var(--linie); margin-top:5px; overflow:hidden; }
.lm-sbalken i{ display:block; height:100%; background:var(--akz); }

/* Buehne */
.lm-buehne{ position:relative; display:flex; flex-direction:column; align-items:center; min-height:0;
  overflow:auto; padding:16px; background:
    radial-gradient(circle at 1px 1px, #d7e2ee 1px, transparent 0) 0 0/16px 16px, var(--grund); }
.lm-bkopf{ display:flex; align-items:center; gap:7px; align-self:stretch; margin-bottom:12px; }
.lm-telefon{ width:376px; flex:0 0 auto; background:#fff; border:9px solid #1b2a3c; border-radius:30px;
  box-shadow:0 10px 30px rgba(18,35,58,.18); overflow:hidden; position:relative; }
.lm-tkerbe{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:108px; height:17px;
  background:#1b2a3c; border-radius:0 0 11px 11px; z-index:5; }
.lm-tinhalt{ height:640px; overflow:auto; padding:30px 18px 70px; position:relative; }
.lm-tfuss{ position:absolute; left:0; right:0; bottom:0; height:4px; background:#e9eff6; }
.lm-tfuss i{ display:block; height:100%; background:var(--akz); transition:width .25s; }

/* Bausteine im Telefon */
.lm-blk{ position:relative; margin:0 0 12px; border-radius:8px; }
.lm-bau .lm-blk{ cursor:pointer; }
.lm-bau .lm-blk:hover{ box-shadow:0 0 0 1px var(--akz); }
.lm-bau .lm-blk.lm-an{ box-shadow:0 0 0 2px var(--akz); }
.lm-blk-werkz{ position:absolute; top:-9px; right:-4px; display:none; gap:2px; z-index:4; }
.lm-bau .lm-blk.lm-an .lm-blk-werkz{ display:flex; }
.lm-blk-werkz button{ width:21px; height:21px; display:grid; place-items:center; border-radius:6px;
  border:1px solid var(--linie2); background:#fff; cursor:pointer; color:var(--text2); }
.lm-blk-werkz .material-symbols-rounded{ font-size:13px; }
.lm-f-augenbraue{ color:var(--akz); font-size:12.5px; font-weight:800; text-align:center; letter-spacing:.01em; }
.lm-f-ueberschrift{ font-size:25px; line-height:1.15; font-weight:900; text-align:center; letter-spacing:-.025em; margin:0; }
.lm-f-text{ font-size:14px; color:#3c4d61; text-align:center; margin:0; }
.lm-f-bild{ width:100%; height:128px; border-radius:11px; background:#dde7f1 center/cover no-repeat;
  display:grid; place-items:center; color:#9fb0c3; }
.lm-f-logos{ display:flex; gap:12px; justify-content:center; align-items:center; flex-wrap:wrap; opacity:.55; }
.lm-f-logos span{ height:17px; padding:0 9px; border-radius:4px; background:#c9d6e4; color:#fff;
  font-size:10px; font-weight:800; display:grid; place-items:center; }
.lm-wahlgitter{ display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.lm-wkarte{ border:1px solid var(--linie2); border-radius:11px; overflow:hidden; background:#fff; }
.lm-wkarte .lm-bildchen{ height:72px; background:#dde7f1 center/cover no-repeat; }
.lm-wkarte .lm-etikett{ background:var(--akz); color:#fff; font-size:12.5px; font-weight:800; text-align:center;
  padding:8px 4px; }
.lm-wliste{ display:flex; flex-direction:column; gap:8px; }
.lm-wzeile{ display:flex; align-items:center; gap:9px; padding:11px 12px; border:1px solid var(--linie2);
  border-radius:11px; background:#fff; font-size:13.5px; }
.lm-wzeile.lm-an{ border-color:var(--akz); box-shadow:inset 0 0 0 1px var(--akz); }
.lm-wzeile .lm-emo{ font-size:16px; }
.lm-wkreis{ margin-left:auto; width:17px; height:17px; border-radius:50%; border:1.5px solid #c3d0de; flex:0 0 auto; }
.lm-wzeile.lm-an .lm-wkreis{ border-color:var(--akz); background:var(--akz); box-shadow:inset 0 0 0 2.5px #fff; }
.lm-ffeld{ margin-bottom:10px; }
.lm-ffeld label{ display:block; font-size:12px; font-weight:700; color:var(--text2); margin-bottom:4px; }
.lm-ffeld .lm-pflicht{ color:var(--kalt); }
.lm-fein{ width:100%; height:42px; padding:0 12px; border:1px solid var(--linie2); border-radius:10px;
  font:inherit; font-size:14px; background:#fff; color:var(--tinte); }
.lm-fein:focus{ outline:none; border-color:var(--akz); box-shadow:0 0 0 3px rgba(var(--akz-rgb),.15); }
textarea.lm-fein{ height:78px; padding:10px 12px; resize:vertical; }
.lm-fhilfe{ font-size:11px; color:var(--mut); margin-top:3px; }
.lm-ffehler{ font-size:11.5px; color:var(--kalt); margin-top:3px; font-weight:600; display:none; }
.lm-ffeld.lm-falsch .lm-fein{ border-color:var(--kalt); }
.lm-ffeld.lm-falsch .lm-ffehler{ display:block; }
.lm-fknopf{ width:100%; height:48px; border:0; border-radius:11px; background:var(--akz); color:#fff;
  font:inherit; font-size:15.5px; font-weight:800; cursor:pointer; }
.lm-fknopf.lm-zweit{ background:#eef3f9; color:var(--text2); }
.lm-feinwill{ display:flex; gap:8px; align-items:flex-start; font-size:11.5px; color:#54657a; line-height:1.4; }
.lm-feinwill input{ margin-top:2px; }
.lm-fsterne{ text-align:center; color:#e8a81c; font-size:17px; letter-spacing:2px; }
.lm-fzeugnis{ border:1px solid var(--linie2); border-radius:11px; padding:11px; background:#fff; }
.lm-fzeugnis p{ margin:0 0 7px; font-size:13px; color:#3c4d61; }
.lm-fzeugnis .lm-wer{ display:flex; align-items:center; gap:8px; }
.lm-fzeugnis .lm-kopfbild{ width:28px; height:28px; border-radius:50%; background:#cfdbe8; }
.lm-fzeugnis b{ font-size:12.5px; } .lm-fzeugnis small{ display:block; color:var(--mut); font-size:10.5px; }
.lm-ftrenn{ height:1px; background:var(--linie2); }
.lm-fzaehler{ display:flex; justify-content:center; gap:7px; }
.lm-fzaehler span{ background:#eef3f9; border-radius:8px; padding:6px 9px; font-weight:800;
  font-variant-numeric:tabular-nums; font-size:15px; }
.lm-fzaehler small{ display:block; font-size:9px; font-weight:600; color:var(--mut); text-align:center; }
.lm-ftermin{ border:1px solid var(--linie2); border-radius:11px; padding:10px; }
.lm-ftermin .lm-tage{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-bottom:9px; }
.lm-ftermin .lm-tag{ border:1px solid var(--linie2); border-radius:8px; padding:6px 2px; text-align:center;
  font-size:11px; font-weight:700; }
.lm-ftermin .lm-tag.lm-an{ border-color:var(--akz); background:rgba(var(--akz-rgb),.1); color:var(--akz-dunkel); }
.lm-ftermin .lm-tag small{ display:block; font-size:9px; color:var(--mut); font-weight:600; }
.lm-ftermin .lm-zeiten{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.lm-ftermin .lm-zeit{ border:1px solid var(--linie2); border-radius:8px; padding:7px 2px; text-align:center;
  font-size:11.5px; font-weight:700; }
.lm-ftermin .lm-zeit.lm-an{ border-color:var(--akz); background:var(--akz); color:#fff; }

/* Rechte Spalte */
.lm-rechts{ background:#fff; border-left:1px solid var(--linie); display:flex; flex-direction:column; min-height:0; }
.lm-rlaschen{ display:flex; gap:2px; padding:7px 8px 0; border-bottom:1px solid var(--linie); }
.lm-rl{ flex:1 1 0; height:28px; border:0; background:none; border-radius:8px 8px 0 0; color:var(--text2);
  font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.lm-rl.lm-an{ background:rgba(var(--akz-rgb),.1); color:var(--akz-dunkel); }
.lm-rinhalt{ flex:1 1 auto; overflow:auto; padding:11px; }
.lm-pgruppe{ margin-bottom:12px; }
.lm-pgitter{ display:grid; grid-template-columns:repeat(2,1fr); gap:6px; }
.lm-pkachel{ display:flex; flex-direction:column; align-items:center; gap:3px; padding:9px 4px;
  border:1px solid var(--linie2); border-radius:10px; background:#fff; cursor:pointer; font:inherit;
  font-size:10.5px; font-weight:600; color:var(--text2); text-align:center; line-height:1.2; }
.lm-pkachel:hover{ border-color:var(--akz); color:var(--akz-dunkel); }
.lm-pkachel .material-symbols-rounded{ font-size:19px; color:var(--akz); }
.lm-ez{ margin-bottom:10px; }
.lm-ez label{ display:block; font-size:11px; font-weight:700; color:var(--text2); margin-bottom:3px; }
.lm-ez input[type=text], .lm-ez input[type=number], .lm-ez select, .lm-ez textarea{ width:100%; height:30px; padding:0 8px;
  border:1px solid var(--linie2); border-radius:8px; font:inherit; font-size:12.5px; background:#fff; color:var(--tinte); }
.lm-ez textarea{ height:58px; padding:6px 8px; resize:vertical; }
.lm-ez input:focus, .lm-ez select:focus, .lm-ez textarea:focus{ outline:none; border-color:var(--akz); }
.lm-ezr{ display:flex; align-items:center; gap:7px; margin-bottom:9px; font-size:12.5px; color:var(--text2); }
.lm-ezr label{ margin:0; font-size:12.5px; font-weight:600; }
.lm-schalter{ width:34px; height:19px; border-radius:999px; background:#cfdbe8; position:relative;
  cursor:pointer; flex:0 0 auto; border:0; }
.lm-schalter::after{ content:""; position:absolute; top:2px; left:2px; width:15px; height:15px; border-radius:50%;
  background:#fff; transition:left .14s; }
.lm-schalter.lm-an{ background:var(--akz); }
.lm-schalter.lm-an::after{ left:17px; }
.lm-optzeile{ display:flex; gap:5px; margin-bottom:5px; align-items:center; }
.lm-optzeile input{ flex:1 1 auto; }
.lm-optzeile .lm-ibtn{ width:26px; height:26px; flex:0 0 auto; }
.lm-leerhinweis{ color:var(--mut); font-size:12px; text-align:center; padding:26px 12px; line-height:1.5; }