.mk{--mk-ink:var(--ink,#1d2320);--mk-mut:var(--ink-3,#5f6168);--mk-line:var(--line,#e3e6e0);--mk-paper:var(--paper,#fff);--mk-bg:var(--bg,#f5f6f3);--mk-acc:var(--olive,#24302a);--mk-on-acc:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:40px;align-items:start;color:var(--mk-ink);font-size:15px}.mk *{box-sizing:border-box}.mk-check,.mk-farbwahl,.mk-feld,.mk-module label{color:var(--mk-ink)}.mk h2{font-size:24px;letter-spacing:-.02em;margin:0 0 4px}.mk-links{display:grid;gap:20px;min-width:0}.mk-schritte{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.mk-schritte button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 8px;border-radius:22px;border:0;background:var(--mk-paper);box-shadow:inset 0 0 0 1px var(--mk-line);color:var(--mk-mut);font:600 14px inherit;font-family:inherit;cursor:pointer}.mk-schritte i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;background:var(--mk-bg);color:var(--mk-ink)}.mk-schritte button.an{background:var(--mk-acc);color:var(--mk-on-acc);box-shadow:none}.mk-schritte button.an i{background:rgb(255 255 255/.18);color:inherit}.mk-schritte button.fertig{color:var(--mk-ink)}@media (max-width:860px){.mk-schritte{position:relative;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding:0 16px}.mk-schritte::-webkit-scrollbar{display:none}.mk-schritte li{flex:none}}.mk-schritt{display:grid;gap:18px;padding:24px;border-radius:22px;background:var(--mk-paper);box-shadow:inset 0 0 0 1px var(--mk-line);animation:mk-ein .35s cubic-bezier(.16,1,.3,1) both}@keyframes mk-ein{0%{opacity:0;transform:translateY(6px)}}.mk-feld{display:grid;gap:8px;font-weight:600;font-size:14px}.mk-feld input[type=text],.mk-feld>input{height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--mk-line);background:var(--mk-bg);font:500 16px inherit;font-family:inherit;color:var(--mk-ink)}.mk-feld>input:focus-visible{outline:3px solid color-mix(in srgb,var(--mk-acc) 40%,transparent);outline-offset:1px}.mk-logo-zeile{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mk-logo-leer,.mk-logo-zeile img{width:56px;height:56px;border-radius:14px;object-fit:cover;background:var(--mk-bg);display:grid;place-items:center;font:800 22px inherit;box-shadow:inset 0 0 0 1px var(--mk-line)}.mk-knopf{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:22px;border:0;background:var(--mk-bg);box-shadow:inset 0 0 0 1px var(--mk-line);color:var(--mk-ink);font:600 14px inherit;font-family:inherit;cursor:pointer;white-space:nowrap}.mk-knopf.leise{background:none;box-shadow:none;color:var(--mk-mut);padding:0 10px}.mk-knopf:disabled{opacity:.4;cursor:not-allowed}.mk-knopf i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0/.12)}.mk-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:var(--mk-ink)}.mk-check input{width:20px;height:20px;accent-color:var(--mk-acc)}.mk-looks{display:grid;gap:10px}.mk-looks button{grid-template-columns:44px 1fr;gap:14px;align-items:center;min-height:68px;padding:10px 16px 10px 12px;border-radius:16px;border:0;background:var(--mk-bg);text-align:left;cursor:pointer;color:var(--mk-ink);font-family:inherit}.mk-looks b,.mk-looks button{display:grid;box-shadow:inset 0 0 0 1px var(--mk-line)}.mk-looks b{width:44px;height:44px;border-radius:12px;place-items:center;background:var(--mk-paper);font:800 18px inherit}.mk-looks strong{display:block;font-size:15px}.mk-looks small{display:block;font-size:13px;color:var(--mk-mut);margin-top:2px}.mk-looks button.an{box-shadow:inset 0 0 0 2px var(--mk-acc);background:var(--mk-paper)}.mk-looks button.an b{background:var(--mk-acc);color:var(--mk-on-acc)}.mk-farben{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mk-farben>button{width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgb(0 0 0/.1)}.mk-farben>button.an{box-shadow:0 0 0 3px var(--mk-paper),0 0 0 5px var(--mk-ink)}.mk-farbwahl{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 6px;border-radius:22px;box-shadow:inset 0 0 0 1px var(--mk-line);font:600 13px inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mk-farbwahl input{width:32px;height:32px;border:0;padding:0;background:none;cursor:pointer}.mk-warnung{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:12px 14px;border-radius:14px;background:oklch(.96 .05 85);color:oklch(.38 .08 70);font-size:14px;font-weight:600}.mk-warnung .mk-knopf{margin-left:auto;background:var(--mk-paper)}.mk-bildwahl{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}.mk-bildwahl legend{font-weight:600;font-size:14px;padding:0;margin-bottom:8px}.mk-bilder{display:flex;gap:10px;flex-wrap:wrap}.mk-bilder>button,.mk-hochladen{position:relative;width:88px;height:88px;border-radius:14px;overflow:hidden;border:0;padding:0;cursor:pointer;background:var(--mk-bg);box-shadow:inset 0 0 0 1px var(--mk-line)}.mk-bilder img{width:100%;height:100%;object-fit:cover;display:block}.mk-bilder>button.an{box-shadow:0 0 0 3px var(--mk-paper),0 0 0 5px var(--mk-ink)}.mk-bilder>button i{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--mk-ink);color:#fff}.mk-hochladen{display:grid;place-items:center;align-content:center;gap:4px;color:var(--mk-mut);font-size:12px;font-weight:600}.mk-kategorien{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.mk-kategorien li{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:6px;border-radius:14px;background:var(--mk-bg)}.mk-kategorien img{width:44px;height:44px;border-radius:10px;object-fit:cover}.mk-kategorien span{font-weight:600;font-size:14px}.mk-module{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mk-module label{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;min-height:64px;padding:10px 14px;border-radius:16px;background:var(--mk-bg);cursor:pointer;margin:0}.mk-module label.zu{cursor:not-allowed;opacity:.6}.mk-module input{position:absolute;opacity:0;width:1px;height:1px}.mk-schalter{width:46px;height:28px;border-radius:14px;background:var(--mk-line);position:relative;transition:background .2s}.mk-schalter i{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0/.2);transition:transform .25s cubic-bezier(.16,1,.3,1)}.mk-module input:checked+.mk-schalter{background:var(--mk-acc)}.mk-module input:checked+.mk-schalter i{transform:translateX(18px)}.mk-module input:focus-visible+.mk-schalter{outline:3px solid color-mix(in srgb,var(--mk-acc) 40%,transparent);outline-offset:2px}.mk-module b{display:block;font-size:15px}.mk-module small{display:block;font-size:13px;color:var(--mk-mut);line-height:1.4;margin-top:2px}.mk-satz{margin:0;font-size:14px;color:var(--mk-mut)}.mk-reiter{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mk-reiter li{display:flex;flex-wrap:wrap;min-height:56px;padding:6px 8px 6px 16px;border-radius:16px;background:var(--mk-bg)}.mk-reiter li>b{min-width:90px;font-size:15px}.mk-reiter li>small{color:var(--mk-mut);font-size:13px;flex:1 1;min-width:120px}.mk-reiter li.fest{opacity:.85}.mk-symbole{display:flex;gap:4px}.mk-pfeile>button:not(.mk-knopf),.mk-symbole button{width:44px;height:44px;border-radius:12px;border:0;display:grid;place-items:center;background:none;color:var(--mk-mut);cursor:pointer}.mk-symbole button.an{background:var(--mk-paper);color:var(--mk-ink);box-shadow:inset 0 0 0 1px var(--mk-line)}.mk-pfeile{display:flex;align-items:center;gap:2px;margin-left:auto}.mk-pfeile button:disabled{opacity:.3;cursor:not-allowed}.mk-fest{margin-left:auto;margin-right:12px;color:var(--mk-mut)}.mk-dazu{gap:8px;align-items:center;font-size:14px;color:var(--mk-mut)}.mk-dazu,.mk-segment{display:flex;flex-wrap:wrap}.mk-segment{gap:6px}.mk-segment button{min-height:44px;padding:0 16px;border-radius:22px;border:0;background:var(--mk-bg);color:var(--mk-ink);font:600 14px inherit;font-family:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--mk-line)}.mk-segment button.an{background:var(--mk-acc);color:var(--mk-on-acc);box-shadow:none}.mk-fuss{display:flex;justify-content:flex-end}.mk-fuss,.mk-speichern{gap:8px;align-items:center}.mk-speichern{display:inline-flex;min-height:48px;padding:0 26px;border-radius:24px;border:0;background:var(--mk-acc);color:var(--mk-on-acc);font:700 15px inherit;font-family:inherit;cursor:pointer}.mk-speichern:disabled{opacity:.4;cursor:not-allowed}.mk-fehler{color:oklch(.5 .18 27);font-weight:600}.mk-fehler,.mk-ok{margin:0;font-size:14px}.mk-ok{color:var(--mk-mut);text-align:right}.mk-rechts{position:sticky;top:24px;display:grid;justify-items:center;gap:12px}.mk-telefon{width:min(100%,340px);margin:0}.mk-skaliert{position:relative;width:100%;overflow:hidden}.mk-skaliert-in{position:absolute;top:0;left:0;transform-origin:0 0}.mk-unter{margin:0;font-size:13px;color:var(--mk-mut)}.ka-platz{display:grid;place-items:center;min-height:500px;text-align:center}.ka-platz p{max-width:24ch;color:var(--mut);font-size:16px;line-height:1.45}.mk-vorschau-knopf,.mk-vorschau-zu{display:none}@media (max-width:860px){.mk{grid-template-columns:1fr;gap:24px}.mk-schritt{padding:18px}.mk-rechts{display:none}.mk-rechts.offen{display:grid;position:fixed;inset:0;z-index:80;align-content:start;justify-items:center;gap:14px;padding:16px 16px 32px;overflow-y:auto;background:var(--mk-bg)}.mk-telefon{width:min(84vw,320px)}.mk-vorschau-knopf{display:inline-flex;margin-right:auto}.mk-vorschau-zu{display:inline-flex;justify-self:stretch;justify-content:center}.mk-fuss{flex-wrap:wrap}}.spin{animation:mk-dreh 1s linear infinite}@keyframes mk-dreh{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mk-schritt{animation:none}.mk-schalter i{transition:none}}.mk-unter{margin:18px 0 4px;font-size:15px;font-weight:700}.mk-neukat{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}.mk-neukat input:not([type]),.mk-neukat input[type=text]{flex:1 1 180px;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--mk-line,#0002);background:var(--mk-bg);font:inherit}.mk-neukat .mk-knopf.aus{opacity:.45;pointer-events:none}.mk-ungespeichert{margin:0 0 8px;font-size:14px;color:var(--mk-mut)}.mk-bildwahl legend small{display:block;font-weight:500;font-size:13px;color:var(--mk-mut);margin-top:2px}.mk-arten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.mk-arten button{position:relative;display:block;width:100%;aspect-ratio:4/3;border:0;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;background:var(--mk-bg);font-family:inherit;box-shadow:inset 0 0 0 1px var(--mk-line);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}.mk-arten button:hover{transform:translateY(-2px)}.mk-arten button:active{transform:scale(.97)}.mk-arten button.an{box-shadow:0 0 0 3px var(--mk-paper),0 0 0 5px var(--mk-ink)}.mk-arten img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mk-arten button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0/0) 45%,rgb(0 0 0/.62))}.mk-arten span{left:10px;right:10px;bottom:8px;color:#fff;font-size:13px;line-height:1.2;text-align:left;text-shadow:0 1px 2px rgb(0 0 0/.4)}.mk-arten .mk-eigen,.mk-arten span{position:absolute;z-index:1;font-weight:700}.mk-arten .mk-eigen{top:8px;left:8px;font-style:normal;font-size:11px;padding:3px 8px;border-radius:10px;background:rgb(255 255 255/.85);color:var(--mk-ink)}.mk-arten em{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgb(0 0 0/.35);color:#fff}.mk-arten .mk-neu{display:grid;place-items:center;align-content:center;gap:4px;color:var(--mk-mut);background:var(--mk-paper);box-shadow:inset 0 0 0 1.5px var(--mk-line)}.mk-arten .mk-neu:after{display:none}.mk-arten .mk-neu span{position:static;color:inherit;text-shadow:none;text-align:center}.mk-arten .mk-neu.an{box-shadow:0 0 0 3px var(--mk-paper),0 0 0 5px var(--mk-ink);color:var(--mk-ink)}.mk-blatt{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:14px;border-radius:18px;background:var(--mk-bg);animation:mk-ein .3s cubic-bezier(.16,1,.3,1) both}.mk-blatt-foto,.mk-blatt>img{width:120px;aspect-ratio:4/3;border-radius:12px;object-fit:cover}.mk-blatt-foto{display:grid;place-items:center;border:0;padding:0;overflow:hidden;cursor:pointer;background:var(--mk-paper);color:var(--mk-mut);box-shadow:inset 0 0 0 1.5px var(--mk-line)}.mk-blatt-foto img{width:100%;height:100%;object-fit:cover}.mk-blatt-inhalt{display:grid;gap:10px;min-width:0}.mk-blatt-inhalt>b{font-size:17px}.mk-blatt-inhalt .mk-feld input{height:44px;background:var(--mk-paper)}.mk-blatt-knoepfe{display:flex;flex-wrap:wrap;gap:8px}.mk-knopf.voll{background:var(--mk-acc);color:var(--mk-on-acc);box-shadow:none}.mk-knopf.rot{color:oklch(.5 .18 27)}@media (max-width:520px){.mk-blatt{grid-template-columns:1fr}.mk-blatt-foto,.mk-blatt>img{width:100%}}.mk-looks{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-looks button{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;padding:14px 10px 12px;position:relative}.mk-looks .mk-haken{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--mk-acc);color:var(--mk-on-acc)}.mk-mini{position:relative;display:grid;align-content:start;gap:5px;width:72px;height:120px;padding:44px 8px 8px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 3px #1d1d1f,0 6px 16px -8px rgb(0 0 0/.4)}.mk-mini i{position:absolute;inset:0 0 auto;height:40px;background:url(/demo/ki/titel-a.webp) 50%/cover}.mk-mini b{height:22px;border-radius:7px}.mk-mini u{height:10px;border-radius:4px}.mk-mini-a{background:linear-gradient(170deg,#fbfaf7,color-mix(in oklch,var(--a) 22%,#eef3f5))}.mk-mini-a i{border-radius:0 0 12px 12px}.mk-mini-a b{background:rgb(255 255 255/.75);box-shadow:inset 0 0 0 1px rgb(255 255 255/.9)}.mk-mini-a u{background:rgb(20 24 40/.08)}.mk-mini-b{background:#fff;border-radius:6px}.mk-mini-b i{height:34px}.mk-mini-b b{border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px rgb(0 0 0/.12);border-top:3px solid var(--a)}.mk-mini-b u{border-radius:2px;background:#e9e9ea}.mk-mini-c{background:#151412}.mk-mini-c i{opacity:.75}.mk-mini-c b{box-shadow:0 0 10px -2px var(--a)}.mk-mini-c b,.mk-mini-c u{background:#2a2825}@media (max-width:520px){.mk-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mk-looks small{display:none}}.mk-module li.unter{margin-left:28px}.mk-module li.unter label{min-height:56px}@media (min-width:861px){.mk-telefon{width:min(100%,340px,calc((100dvh - 96px) * .45))}.mk-rechts{top:16px;max-height:calc(100dvh - 32px)}.mk-fuss{position:sticky;bottom:0;z-index:5;padding:12px 0;background:linear-gradient(180deg,rgb(255 255 255/0),var(--bg,#f5f6f3) 30%)}}@media (max-width:520px){.mk-blatt-foto,.mk-blatt>img{max-height:180px}}@media (min-width:861px){.mk-fuss{position:static;padding:0;background:none}}.mk-sperre{position:relative;display:inline-flex}.mk-sperre-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:22px;border:0;background:oklch(.96 .05 85);color:oklch(.38 .08 70);font:600 14px inherit;font-family:inherit;cursor:pointer}.mk-sperre-text{position:absolute;right:0;bottom:calc(100% + 8px);z-index:6;width:min(280px,80vw);padding:12px 14px;border-radius:14px;background:var(--mk-ink);color:#fff;font-size:14px;font-weight:600;line-height:1.4;box-shadow:0 12px 30px -12px rgb(0 0 0/.45)}@media (max-width:860px){.mk-schritte{margin:0;padding:0;overflow:visible;justify-content:space-between;gap:4px}.mk-schritte button:not(.an){padding:0;width:44px;justify-content:center}.mk-schritte button:not(.an) span{display:none}.mk-schritte button:not(.an) i{width:30px;height:30px}.mk-schritte li:has(.an){flex:1 1 auto;min-width:0}.mk-schritte button.an{width:100%;justify-content:center}}.mk-schalter{background:#e5e5ea;box-shadow:inset 0 0 0 1px rgb(0 0 0/.06)}.mk-schalter i{box-shadow:0 2px 4px rgb(0 0 0/.22),0 0 0 .5px rgb(0 0 0/.1)}.mk-module label.zu .mk-schalter{background:#ececef}.mk-reiter li{display:grid;grid-template-columns:minmax(72px,1fr) 140px 100px;gap:8px 12px;align-items:center;flex-wrap:nowrap}.mk-reiter li>b{min-width:0}.mk-reiter .mk-pfeile{margin-left:0;justify-self:end}.mk-reiter .mk-fest{display:inline-flex;align-items:center;gap:5px;margin:0;justify-self:end;padding-right:12px;font-size:13px;font-weight:600;color:var(--mk-mut)}.mk-reiter li.mk-reiter-kopf{min-height:0;padding:0 8px 0 16px;background:none;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mk-mut)}.mk-reiter-kopf span:nth-child(2){padding-left:4px}.mk-reiter-kopf span:last-child{justify-self:end;padding-right:6px}@media (max-width:420px){.mk-reiter li{grid-template-columns:minmax(60px,1fr) 128px 84px;gap:6px;padding-left:12px}.mk-symbole button{width:40px}}.mk h3.mk-unter{letter-spacing:0}.mk-symbole{justify-self:start}@media (max-width:520px){.mk-fuss{flex-wrap:nowrap}.mk-fuss .mk-knopf.leise{display:none}.mk-sperre-chip{width:44px;padding:0;justify-content:center;font-size:0;gap:0}.mk-sperre-chip svg{width:18px;height:18px}.mk-speichern{padding:0 20px}}.mk-arten span{overflow-wrap:anywhere}.mk-rechts .lk.ka[data-neu] .ne-gruss{margin-top:64px}.mk-rechts .lk.ka[data-neu] .ne-held{height:386px}.mk-rechts .lk.ka[data-neu] .ne-duo{margin-top:16px}.mk-arten em{align-content:center;gap:6px;text-align:center;padding:6px}.mk-arten em small{font-size:12px;font-weight:600;font-style:normal}.mk-umwandeln{display:grid;justify-items:center;gap:6px;padding:6px;text-align:center}.mk-umwandeln small{font-size:12px;font-weight:600;color:var(--mk-mut)}.mk-hochladen span{padding:0 4px;text-align:center;line-height:1.2}@media (max-width:680px){.admin-mode .sk-kopf:has(.ls-reiter a[href="#meineapp"]){grid-template-columns:minmax(0,1fr) auto;column-gap:10px}.admin-mode .sk-kopf:has(.ls-reiter a[href="#meineapp"]) h1{font-size:24px;white-space:nowrap}.admin-mode .sk-kopf:has(.ls-reiter a[href="#meineapp"])>.sk-reiter{grid-column:2;grid-row:1;justify-self:end}.admin-mode .sk-kopf:has(.ls-reiter a[href="#meineapp"])>.sk-reiter .ls-reiter{width:auto}.admin-mode .sk-kopf:has(.ls-reiter a[href="#meineapp"])>.sk-reiter .ls-reiter a{padding:0 12px}.admin-mode .sk-kopf:has(.ls-reiter a[href="#meineapp"])>.sk-aktionen:empty{display:none}}@media (max-width:374px){.admin-mode .sk-kopf:has(.ls-reiter a[href="#meineapp"]) h1{font-size:21px}.admin-mode .sk-kopf:has(.ls-reiter a[href="#meineapp"])>.sk-reiter .ls-reiter a{padding:0 10px}}