/* Malutiwa – Kundenkonto */
.konto main{padding:clamp(22px,4vw,48px) 0 clamp(50px,7vw,90px)}
.kt-badge{font:600 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lav-700);background:var(--lav-50);border:1px solid var(--lav-100);padding:7px 10px;border-radius:99px;margin-right:auto;margin-left:-6px}
.sub-top .brand{margin-right:0}
.kt-theme{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer}
.kt-theme svg{width:18px;height:18px}
@media(max-width:560px){.kt-site{display:none}.kt-badge{display:none}.sub-top .brand{margin-right:auto}}
.ki{width:18px;height:18px;flex:0 0 auto}
.kt-muted{color:var(--ink-2)}
.kt-small{font-size:13px;margin-top:10px}
.kt-center{text-align:center}
.kt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kt-load{display:flex;gap:12px;align-items:center;justify-content:center;min-height:50vh;color:var(--ink-2);flex-wrap:wrap;padding:0 16px;text-align:center}
.kt-spin{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--lav-200);border-top-color:var(--lav-600);animation:ktspin .8s linear infinite;display:inline-block;flex:0 0 auto}
.kt-spin.sm{width:15px;height:15px;border-width:2px;margin-right:8px;vertical-align:-2px;border-color:#ffffff55;border-top-color:currentColor}
@keyframes ktspin{to{transform:rotate(360deg)}}

/* Anmeldung */
.kt-auth{max-width:1060px;margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr minmax(0,460px);gap:clamp(18px,3vw,34px);align-items:stretch;animation:ktin .6s var(--ease)}
@keyframes ktin{from{opacity:0;transform:translateY(14px)}}
.kt-side-foot{margin-top:auto;color:#a9a4bd;font-size:13.5px}
.kt-side-foot a{color:#fff}
.kt-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:clamp(20px,3vw,30px);box-shadow:0 1px 2px #281c5a0a,0 24px 50px -40px #281c5a59}
.kt-card h3{font:700 var(--t-19)/1.25 var(--f-display);letter-spacing:-.01em;margin:0 0 14px}
.kt-form-card h2{font:700 clamp(1.6rem,1.3rem + 1vw,2.1rem)/1.1 var(--f-display);letter-spacing:-.025em;margin:6px 0 8px}
.kt-sub{color:var(--ink-2);margin:0 0 20px;line-height:1.55}
.kt-note{padding:12px 14px;border-radius:14px;background:var(--lav-50);border:1px solid var(--lav-100);color:var(--lav-700);font-size:14px;margin:0 0 16px}
.kt-note.bad{background:#fbe6ea;border-color:#f5c9d2;color:#9c2d43}
.kt-back{display:inline-block;color:var(--ink-3);text-decoration:none;font-size:14px;font-weight:600}
.kt-back:hover{color:var(--ink)}
.kt-f{display:grid;gap:7px;margin-bottom:14px}
.kt-f>span:first-child{font-weight:600;font-size:14px}
.kt-f input,.kt-f select,.kt-f textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line-2);border-radius:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s}
.kt-f textarea{resize:vertical;min-height:120px}
.kt-f input:focus,.kt-f select:focus,.kt-f textarea:focus{outline:none;border-color:var(--lav-600);box-shadow:0 0 0 4px #6f5bc326;background:var(--surface)}
.kt-pw{position:relative;display:block}
.kt-pw input{padding-right:48px}
.kt-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:10px;border:0;background:none;color:var(--ink-3);display:grid;place-items:center;cursor:pointer}
.kt-eye.on,.kt-eye:hover{color:var(--ink)}
.kt-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:2px}
.kt-meter i{height:5px;border-radius:9px;background:var(--line);transition:background .3s}
.kt-meter[data-s="1"] i:nth-child(-n+1){background:#d9546c}
.kt-meter[data-s="2"] i:nth-child(-n+2){background:#e0a33a}
.kt-meter[data-s="3"] i:nth-child(-n+3){background:#56b48c}
.kt-meter[data-s="4"] i{background:#2e9c76}
.kt-hint{color:var(--ink-3);font-size:12.5px}
.kt-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 16px;font-size:14px}
.kt-row a{color:var(--lav-700);font-weight:600}
.kt-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer;margin-bottom:14px}
.kt-row .kt-check{margin:0}
.kt-check input{width:18px;height:18px;margin-top:1px;accent-color:var(--lav-600);flex:0 0 auto}
.kt-check small{color:var(--ink-3)}
.kt-check a{color:var(--lav-700)}
.kt-err{margin:0 0 14px;padding:11px 14px;border-radius:12px;background:#fbe6ea;color:#9c2d43;font-size:14px;font-weight:500;outline:none}
.kt-wide{width:100%;justify-content:center}
.kt-legal{margin-top:16px;color:var(--ink-3);font-size:12.5px;line-height:1.5}
.kt-legal a{color:var(--ink-2)}
.kt-done{display:grid;gap:12px;justify-items:start;padding:8px 0}
.kt-done>.ki{width:52px;height:52px;padding:13px;border-radius:16px;background:#e3f4ec;color:#1f7a5a}
.kt-done.bad>.ki{background:#fbe6ea;color:#9c2d43}
.kt-done b{font:700 var(--t-19)/1.3 var(--f-display)}
.kt-done p{color:var(--ink-2)}
@media(max-width:860px){.kt-auth{grid-template-columns:1fr}}

/* App */
.kt-app{animation:ktin .5s var(--ease)}
.kt-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.kt-head h1{font:700 var(--t-48)/1.05 var(--f-display);letter-spacing:-.03em;margin:10px 0 8px}
.kt-head .kt-sub{margin:0}
.btn .ki{width:17px;height:17px}
.kt-tabs{display:flex;gap:6px;padding:6px;border-radius:20px;background:var(--surface);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none;margin-bottom:20px;position:sticky;top:72px;z-index:10;box-shadow:0 14px 30px -26px #281c5a66}
.kt-tabs::-webkit-scrollbar{display:none}
.kt-tabs button{display:flex;gap:8px;align-items:center;white-space:nowrap;padding:10px 15px;border-radius:14px;border:0;background:none;color:var(--ink-2);font:600 14px/1 var(--f-body);cursor:pointer;transition:background .25s,color .25s}
.kt-tabs button:hover{background:var(--lav-50);color:var(--ink)}
.kt-tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.kt-panel{display:grid;gap:18px;outline:none}
.kt-panel.in>*{animation:ktin .45s var(--ease) both}
.kt-panel.in>*:nth-child(2){animation-delay:.04s}.kt-panel.in>*:nth-child(3){animation-delay:.08s}.kt-panel.in>*:nth-child(4){animation-delay:.12s}.kt-panel.in>*:nth-child(5){animation-delay:.16s}
.kt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kt-grid2>.kt-card{margin:0}
@media(max-width:860px){.kt-grid2{grid-template-columns:1fr}.kt-tabs{top:62px}}
.kt-empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:20px 10px;color:var(--ink-2)}
.kt-empty .ki{width:46px;height:46px;padding:12px;border-radius:15px;background:var(--lav-50);color:var(--lav-600)}
.kt-empty p{max-width:30em;font-size:14.5px}
.kt-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font:600 12px/1.3 var(--f-body);background:var(--line);color:var(--ink-2);white-space:nowrap}
.kt-pill.ok{background:#e3f4ec;color:#1f7a5a}
.kt-pill.warn{background:#fcf1d9;color:#8a5a12}
.kt-pill.bad{background:#fbe6ea;color:#9c2d43}
.kt-msg{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(150deg,var(--lav-50),var(--surface));border-color:var(--lav-100)}
.kt-msg-ic .ki{width:44px;height:44px;padding:11px;border-radius:14px;background:var(--ink);color:#fff}
.kt-msg p{margin-top:8px;line-height:1.6}
.kt-phase{color:var(--ink-2);margin:-4px 0 18px}
.kt-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;counter-reset:s}
.kt-steps li{position:relative;display:grid;gap:4px;padding-top:44px}
.kt-steps li:before{content:"";position:absolute;top:16px;left:34px;right:-10px;height:3px;border-radius:3px;background:var(--line)}
.kt-steps li:last-child:before{display:none}
.kt-steps li.done:before{background:var(--lav-400)}
.kt-steps .dot{position:absolute;top:0;left:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--f-display);background:var(--bg);border:2px solid var(--line-2);color:var(--ink-3)}
.kt-steps .dot .ki{width:16px;height:16px}
.kt-steps li.done .dot{background:var(--lav-600);border-color:var(--lav-600);color:#fff}
.kt-steps li.now .dot{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 0 0 6px #6f5bc32e;animation:ktpulse 2.4s ease-in-out infinite}
@keyframes ktpulse{50%{box-shadow:0 0 0 10px #6f5bc314}}
.kt-steps b{font:700 14.5px/1.25 var(--f-display)}
.kt-steps small{color:var(--ink-3);font-size:12.5px;line-height:1.4}
.kt-steps li:not(.done):not(.now) b{color:var(--ink-3)}
@media(max-width:760px){.kt-steps{grid-template-columns:1fr;gap:0}.kt-steps li{padding:0 0 18px 50px;min-height:52px}.kt-steps li:before{top:36px;bottom:0;left:16px;right:auto;width:3px;height:auto}}
.kt-next{margin-top:20px;padding:16px 18px;border-radius:18px;background:var(--bg);border:1px dashed var(--line-2)}
.kt-next b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--lav-700)}
.kt-next p{margin-top:6px;line-height:1.55}
.kt-wide-card .btn{margin-top:16px}
.kt-link{border:0;background:none;padding:0;color:var(--lav-700);font:600 14px var(--f-body);cursor:pointer}
.kt-contact{display:grid;gap:10px;margin-top:14px}
.kt-ct{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--bg);text-decoration:none;color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:border-color .25s,transform .4s var(--spring)}
.kt-ct:hover{border-color:var(--lav-300);transform:translateX(3px)}
.kt-ct>span{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--lav-50);color:var(--lav-700)}
.kt-ct>span.wa{background:#e3f4ec;color:#1f9d57}
.kt-ct b{font-weight:700}
.kt-ct small{color:var(--ink-3);font-size:13px}
.kt-list{display:grid;gap:10px}
.kt-li{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--bg)}
.kt-li-ic .ki{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--lav-50);color:var(--lav-700)}
.kt-li-t{flex:1;min-width:0;display:grid;gap:3px}
.kt-li-t small{color:var(--ink-3);font-size:13px}
.kt-li-t p{font-size:13.5px}
.kt-li-r{display:grid;justify-items:end;gap:6px;text-align:right}
.kt-li-r b{font:700 var(--t-19)/1 var(--f-display)}
.kt-li-r small{color:var(--ink-3);font-size:12px}
@media(max-width:600px){.kt-li{flex-wrap:wrap}.kt-li-r{width:100%;justify-items:start;text-align:left;padding-left:52px}}
.kt-tblwrap{overflow-x:auto;margin:0 -6px}
.kt-tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.kt-tbl th{text-align:left;color:var(--ink-3);font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--line)}
.kt-tbl td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.kt-tbl tr:last-child td{border-bottom:0}
.kt-tbl td small{display:block;color:var(--ink-3);font-size:12.5px;margin-top:3px}
.kt-tbl td:last-child{text-align:right;white-space:nowrap}
.kt-tbl.small{font-size:13.5px}
@media(max-width:640px){.kt-tbl thead{display:none}.kt-tbl tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 6px;border-bottom:1px solid var(--line)}.kt-tbl tr:last-child{border-bottom:0}.kt-tbl td{border:0;padding:2px 4px}.kt-tbl td:first-child{grid-column:1/-1}.kt-tbl td:last-child{text-align:left}.kt-tbl.small td:nth-child(3){grid-column:1/-1}}
.kt-sub-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--bg);border:1px solid var(--line);margin-bottom:14px}
.kt-sub-row small{display:block;color:var(--ink-3);font-size:13px;margin-top:3px}
.kt-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.kt-file{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--bg);text-decoration:none;color:var(--ink);transition:border-color .25s,transform .4s var(--spring)}
.kt-file:hover{border-color:var(--lav-300);transform:translateY(-2px)}
.kt-file>span:nth-child(2){flex:1;min-width:0;display:grid}
.kt-file b{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt-file small{color:var(--ink-3);font-size:12.5px}
.kt-file>.ki{color:var(--ink-3);width:16px;height:16px}
.kt-file-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--lav-50);color:var(--lav-700);font:700 11px var(--f-mono);flex:0 0 auto}
.kt-file-ic.pdf{background:#fbe6ea;color:#b13a52}
.kt-site-url{font:700 var(--t-24)/1.15 var(--f-display);letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:inline-flex;gap:8px;align-items:center;word-break:break-all}
.kt-site-url .ki{width:16px;height:16px;color:var(--ink-3)}
.kt-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.kt-dl>div{padding:14px;border-radius:16px;background:var(--bg);border:1px solid var(--line)}
.kt-dl dt{color:var(--ink-3);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}
.kt-dl dd{margin:0;font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kt-dl.one{grid-template-columns:1fr;gap:0;margin-bottom:14px}
.kt-dl.one>div{display:flex;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:11px 0}
.kt-dl.one dt{margin:0;text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}
.kt-dl.one dd{text-align:right;word-break:break-word}
@media(max-width:760px){.kt-dl{grid-template-columns:1fr 1fr}}
.kt-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.kt-acts.end{justify-content:flex-end}
@media(max-width:980px){.kt-guides{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.kt-guides{grid-template-columns:1fr}}
.kt-danger-card{border-color:#f5d3da}
.kt-danger summary{cursor:pointer;color:#9c2d43;font-weight:600;margin-top:12px}
.kt-danger form{margin-top:16px;max-width:420px}
.btn.danger{background:#c2455b;color:#fff;border-color:#c2455b}
.kt-dlg{border:0;border-radius:26px;padding:0;width:min(560px,calc(100% - 24px));background:var(--surface);color:var(--ink);box-shadow:0 40px 90px -30px #15131d80}
.kt-dlg::backdrop{background:#15131d66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.kt-dlg[open]{animation:ktdlg .4s var(--spring)}
@keyframes ktdlg{from{opacity:0;transform:translateY(16px) scale(.97)}}
.kt-dlg form{padding:clamp(20px,3vw,28px)}
.kt-dlg-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.kt-dlg-h h3{font:700 var(--t-19)/1.25 var(--f-display)}
.kt-x{width:38px;height:38px;border-radius:50%;border:0;background:var(--lav-50);font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.kt-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;z-index:1000;padding:13px 18px;border-radius:16px;background:var(--ink);color:#fff;font-weight:600;font-size:14.5px;box-shadow:0 20px 40px -18px #15131d99;transition:opacity .3s,transform .45s var(--spring);max-width:calc(100% - 32px)}
.kt-toast.on{opacity:1;transform:translate(-50%)}
.kt-toast.bad{background:#9c2d43}

/* Dunkel */
html[data-theme=dark] .kt-theme{background:#ffffff0d;border-color:#ffffff1a;color:#ededf2}
html[data-theme=dark] .kt-badge{background:#ffffff0d;border-color:#ffffff1a;color:#c2b3f1}
html[data-theme=dark] .kt-card,html[data-theme=dark] .kt-tabs{background:#141318;border-color:#ffffff12;box-shadow:none}
html[data-theme=dark] .kt-tabs button[aria-selected=true]{background:#ededf2;color:#0b0b0e}
html[data-theme=dark] .kt-tabs button:hover,html[data-theme=dark] .kt-li-ic .ki,html[data-theme=dark] .kt-empty .ki,html[data-theme=dark] .kt-ct>span,html[data-theme=dark] .kt-x{background:#ffffff10;color:#c2b3f1}
html[data-theme=dark] .kt-f input,html[data-theme=dark] .kt-f select,html[data-theme=dark] .kt-f textarea,html[data-theme=dark] .kt-li,html[data-theme=dark] .kt-file,html[data-theme=dark] .kt-ct,html[data-theme=dark] .kt-dl>div,html[data-theme=dark] .kt-next,html[data-theme=dark] .kt-sub-row{background:#0e0e12;border-color:#ffffff14}
html[data-theme=dark] .kt-dl.one>div{background:none;border-color:#ffffff14}
html[data-theme=dark] .kt-msg{background:linear-gradient(150deg,#1d1a2b,#141318);border-color:#ffffff14}
html[data-theme=dark] .kt-msg-ic .ki,html[data-theme=dark] .kt-steps li.now .dot{background:#ededf2;color:#0b0b0e;border-color:#ededf2}
html[data-theme=dark] .kt-steps .dot{background:#0e0e12;border-color:#ffffff24}
html[data-theme=dark] .kt-dlg{background:#141318}
html[data-theme=dark] .kt-toast{background:#ededf2;color:#0b0b0e}
html[data-theme=dark] .kt-note{background:#ffffff0d;border-color:#ffffff1a;color:#c2b3f1}
@media(prefers-reduced-motion:reduce){.kt-auth,.kt-app,.kt-panel.in>*,.kt-dlg[open],.kt-steps li.now .dot{animation:none}}
.kt-tbl tr[hidden]{display:none!important}
/* schlanke Variante: Anmeldung als eine Karte, Website-Karte kompakt */
.kt-auth.solo{grid-template-columns:minmax(0,460px);justify-content:center}
.kt-auth.solo .kt-side-foot{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--ink-3)}
.kt-webcard .kt-site-url{font-size:1.25rem;margin:2px 0 10px}
.kt-pills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.kt-webcard .kt-acts{margin-top:14px}
.kt-contact .kt-ct{grid-template-rows:auto}
.kt-contact .kt-ct>span{grid-row:auto}
.kt-auth.solo .kt-side-foot a{color:var(--lav-700)}
html[data-theme=dark] .kt-auth.solo .kt-side-foot a{color:#c2b3f1}
.kt-test{display:inline-flex;margin-left:10px;padding:2px 9px;border-radius:99px;border:1px dashed #9a6400;background:#fff4d6;color:#9a6400;font:700 11px/1.5 var(--f-mono,monospace);letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}
html[data-theme=dark] .kt-test{background:#3a2a05;color:#f2c46d;border-color:#f2c46d}
.kt-row2{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
@media(max-width:560px){.kt-row2{grid-template-columns:1fr}}
.kt-f small{font-weight:400;color:var(--ink-3)}
.kt-site-tag{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--lav-50,#f4f1fd);color:var(--ink-2);font-size:14px}
.kt-site-tag .ki{width:18px;height:18px;color:var(--lav-700,#54449c);flex:0 0 auto}
html[data-theme=dark] .kt-site-tag{background:#ffffff0d}
html[data-theme=dark] .kt-steps li.done .dot{background:#3b3463;border-color:#5a4fa0;color:#e9e4ff}
html[data-theme=dark] .kt-test{background:#2d2410;color:#f2d9a0;border-color:#5c4615}

/* Theme-Wechsel: runder Aufdeckeffekt ab dem Schalter (View Transitions) */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:0}
::view-transition-new(root){z-index:1}