/* EK1 – ruhiges Luxus-Design mit mattem Glas (YOKAZA 14.10.2026 abends) */
.ek1{--gold:#b8963e;--gold2:#d9bf7a;--ink:#14263a;--mut:#6b6f78;--glas:rgba(255,255,255,.58);--rand:rgba(255,255,255,.75);--schatten:0 18px 40px -18px rgba(20,38,58,.28),0 2px 6px rgba(20,38,58,.06);
  background:linear-gradient(160deg,#f4efe6 0%,#ece5d8 45%,#e4ddd2 100%);min-height:100vh}
.ek1-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ek1-bg i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.ek1-bg i:nth-child(1){width:340px;height:340px;background:#e9d6a6;top:-90px;right:-80px}
.ek1-bg i:nth-child(2){width:280px;height:280px;background:#cfd8e3;bottom:8%;left:-110px}
.ek1-bg i:nth-child(3){width:220px;height:220px;background:#f3e3c4;top:45%;right:-60px}
.ek1 .ek1-main{max-width:640px;margin:0 auto;padding:12px 18px 130px;font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;color:var(--ink);position:relative}
.ek1 h2.stitel,.ek1-ht,.ek1 .tile strong,.ek1 .gtile strong,.ek1-sum .big{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:.01em}
.glas,.ek1 .tile,.ek1 .gtile,.ek1-drop,.ek1-prog,.ek1-side,.ek1-sum .kurz,.ek1-sum .offen,.ek1-docs .doc,.ek1-nav{background:var(--glas);border:1px solid var(--rand);box-shadow:var(--schatten)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ek1 .tile,.ek1 .gtile,.ek1-drop,.ek1-prog,.ek1-side,.ek1-sum .kurz,.ek1-nav{-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ek1{--glas:rgba(255,255,255,.9)}}
.ek1-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0 4px;white-space:nowrap}
.ek1-top a{color:var(--ink);text-decoration:none;font-size:15px;opacity:.75}.ek1-top .hint{font-size:12px}
.ek1-head{display:flex;align-items:center;gap:14px;padding:10px 0 18px}
.ek1-head .ek1-logo{height:38px;padding-right:14px;border-right:1px solid rgba(20,38,58,.12)}
.ek1-ico{width:40px;height:40px;flex:0 0 auto;filter:drop-shadow(0 4px 8px rgba(184,150,62,.25))}
.ek1-ht{font-size:22px;color:var(--ink);line-height:1.1}
.ek1-hs{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;margin-top:3px}
.ek1 .hint{color:var(--mut);font-size:14px}
.ek1-status{font-size:13px;color:var(--mut);margin:0 0 10px}
.ek1-prog{position:sticky;top:8px;z-index:6;border-radius:18px;padding:12px 16px;margin-bottom:10px}
.ek1-prog .row{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15px}
.ek1-prog .pill{font-size:12px;background:rgba(184,150,62,.14);color:#8a6a1f;border-radius:999px;padding:3px 10px;font-weight:600}
.ek1-prog .bar{height:6px;background:rgba(20,38,58,.08);border-radius:99px;margin-top:9px;overflow:hidden}
.ek1-prog #balken{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:99px;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.ek1-prog #katname{margin-top:4px;font-size:12px}
/* Schrittliste: Handy = einklappbare Leiste, Desktop = feste Seitenleiste */
.ek1-side{border-radius:18px;margin:0 0 12px;overflow:hidden}
.ek1-side .side-top{display:flex;width:100%;justify-content:space-between;align-items:center;padding:12px 16px;background:none;border:0;font-size:14px;color:var(--ink);font-weight:600;cursor:pointer}
.ek1-side .side-top .chev{color:var(--gold);transition:transform .25s}
.ek1-side.offen .side-top .chev{transform:rotate(180deg)}
.ek1-side ol{list-style:none;margin:0;padding:0 8px 8px;display:none}
.ek1-side.offen ol{display:block;animation:ek1ein .25s ease}
.ek1-side li button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:none;border-radius:12px;font-size:14px;color:var(--mut);cursor:pointer;text-align:left}
.ek1-side li button:hover{background:rgba(255,255,255,.6)}
.ek1-side .dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;border:1.5px solid rgba(20,38,58,.2);flex:0 0 auto}
.ek1-side li.done .dot{background:#e3f1e6;border-color:#8fc49c;color:#1e6b34}
.ek1-side li.done .lbl{color:var(--ink)}
.ek1-side li.cur button{background:rgba(255,255,255,.75);color:var(--ink);font-weight:700;box-shadow:inset 3px 0 0 var(--gold)}
.ek1-side li.cur .dot{border-color:var(--gold);color:var(--gold)}
.ek1-side .lbl{flex:1}.ek1-side .cnt{font-size:11px;background:rgba(184,150,62,.15);color:#8a6a1f;border-radius:99px;padding:1px 7px}
@media (min-width:980px){
  .ek1 .ek1-main{max-width:680px;padding-left:20px;margin-left:max(300px,calc(50% - 250px))}
  .ek1-side{position:fixed;left:24px;top:24px;width:250px;max-height:calc(100vh - 48px);overflow:auto;margin:0}
  .ek1-side ol{display:block}.ek1-side .side-top{cursor:default}.ek1-side .side-top .chev{display:none}
  .ek1-nav{max-width:680px;left:max(300px,calc(50% - 250px))!important;right:auto!important;width:680px}
}
.ek1 .stitel{font-size:28px;margin:16px 0 18px;color:var(--ink)}
section#wizard{animation:ek1ein .35s ease}
@keyframes ek1ein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ek1-tiles{display:grid;gap:16px;perspective:900px}
.ek1 .tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:24px 22px;border-radius:22px;text-align:left;font-size:24px;color:var(--ink);cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;transform:translateZ(0)}
.ek1 .tile:hover,.ek1 .tile:focus-visible{transform:translateY(-3px) rotateX(2deg);box-shadow:0 26px 50px -20px rgba(20,38,58,.35)}
.ek1 .tile:active{transform:scale(.985)}
.ek1 .tile .ico{font-size:34px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12))}.ek1 .tile .sub{font-size:16px;color:var(--mut);font-family:inherit}
.ek1 .tile[aria-pressed=true]{border-color:var(--gold2);box-shadow:0 0 0 2px rgba(184,150,62,.35),var(--schatten)}
.ek1 .feld{display:block;margin:0 0 22px}
.ek1 .flabel{display:block;font-weight:600;margin-bottom:8px;font-size:16px}
.ek1 .flabel em{font-style:normal;font-size:11px;color:#8a6a1f;background:rgba(184,150,62,.14);border-radius:99px;padding:2px 8px;margin-left:8px;vertical-align:middle;font-weight:600}
.ek1 input[type=text],.ek1 input[type=tel],.ek1 input[type=email],.ek1 input[type=number],.ek1 input[type=date],.ek1 input[type=time],.ek1 select,.ek1 textarea{width:100%;box-sizing:border-box;padding:14px 15px;font-size:17px;border:1px solid rgba(20,38,58,.14);border-radius:14px;background:rgba(255,255,255,.82);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.ek1 input:focus,.ek1 textarea:focus,.ek1 select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(184,150,62,.16)}
.ek1-pick{display:flex;gap:10px;align-items:stretch}
.ek1 .pickbtn{flex:0 0 64px;font-size:30px;border-radius:16px;border:1px solid var(--rand);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.5));box-shadow:var(--schatten);cursor:pointer}
.ek1-pick input{cursor:pointer;caret-color:transparent}
.ek1-tap{display:flex;flex-wrap:wrap;gap:10px}
.ek1 .tap{min-height:48px;padding:10px 18px;border:1px solid rgba(20,38,58,.14);border-radius:14px;background:rgba(255,255,255,.72);font-size:16px;color:var(--ink);cursor:pointer;transition:all .2s}
.ek1 .tap[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 8px 18px -8px rgba(20,38,58,.6)}
.ek1-opt{border-top:1px solid rgba(20,38,58,.1);padding-top:10px;margin-top:6px}
.ek1-opt summary{cursor:pointer;font-weight:600;color:var(--ink);padding:10px 0 14px;font-size:16px}
/* Glas-Dropzonen */
.ek1-drop{border-radius:20px;padding:16px;margin:18px 0;border-style:dashed;border-color:rgba(184,150,62,.55)}
.ek1-drop.vk{margin-top:0}.ek1-drop .dz-t{font-weight:600;font-size:15px}
.ek1-drop .dz-r{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.ek1-drop .dz-st,.ek1-hinweis{font-size:14px;color:#8a6a1f;margin-top:8px}
.ek1-hinweis{background:rgba(184,150,62,.12);border-radius:12px;padding:10px 12px}
.ek1 .dbtn{display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border:1px solid var(--rand);border-radius:14px;font-size:15px;font-weight:600;color:var(--ink);background:rgba(255,255,255,.8);cursor:pointer;position:relative;box-shadow:0 4px 12px -6px rgba(20,38,58,.25);transition:transform .2s}
.ek1 .dbtn:active{transform:scale(.97)}.ek1 .dbtn.cam{background:var(--ink);color:#fff;border-color:var(--ink)}
.ek1 .dlist{margin-top:6px}.ek1 .ditem{display:flex;align-items:center;gap:8px;font-size:14px;padding:4px 0}.ek1 .ditem span:first-child{flex:1;word-break:break-all}
.ek1 .drm{border:0;background:rgba(20,38,58,.08);border-radius:50%;width:26px;height:26px;cursor:pointer}.ek1 .dst{color:#1e6b34}
/* Modus: hochladen ODER manuell */
.ek1-modus{display:grid;gap:12px;margin-bottom:18px}
.ek1 .gtile{border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:2px;transition:transform .3s}
.ek1 .gtile .ico{font-size:26px}.ek1 .gtile strong{font-size:19px}.ek1 .gtile small{color:var(--mut);font-size:13px}
.ek1 .gtile.an{box-shadow:0 0 0 2px rgba(184,150,62,.35),var(--schatten)}
/* Unterlagen */
.ek1-docs .doc{padding:14px;border-radius:18px;margin-bottom:12px}
.ek1-docs .dname{font-weight:600;margin-bottom:8px;font-size:15px}
.ek1-docs .dname em{font-style:normal;font-size:10px;color:#8a6a1f;background:rgba(184,150,62,.14);border-radius:99px;padding:2px 7px;margin-left:6px}
.ek1 .seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(20,38,58,.12);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.7)}
.ek1 .segb{min-height:44px;border:0;border-right:1px solid rgba(20,38,58,.08);background:transparent;font-size:14px;color:#374151;cursor:pointer}
.ek1 .segb:last-child{border-right:0}
.ek1 .segb.s-fehlt[aria-pressed=true]{background:#f8e3e3;color:#8f1d1d;font-weight:700}
.ek1 .segb.s-angefragt[aria-pressed=true]{background:#f7ebcf;color:#8a6a1f;font-weight:700}
.ek1 .segb.s-liegtvor[aria-pressed=true]{background:#e1f0e4;color:#1e6b34;font-weight:700}
.weitere{padding:14px 0}
.ek1-foto-btn{display:block;text-align:center;padding:36px 16px;border:1.5px dashed rgba(184,150,62,.7);border-radius:22px;font-weight:600;font-size:20px;cursor:pointer;background:var(--glas);color:var(--ink);box-shadow:var(--schatten)}
.ek1 .ek1-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.ek1-vorschau{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:12px 0}
.ek1-vorschau figure{margin:0;font-size:12px;text-align:center;position:relative}.ek1-vorschau canvas{width:100%;height:auto;border-radius:12px;background:#eee;display:block;box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
.ek1-vorschau .rm{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.ek1-vorschau .ok{color:#1e6b34}.ek1-vorschau .err{color:#8f1d1d}
.ek1-sum .big{font-size:26px;padding:18px;border-radius:18px;margin-bottom:10px}
.ek1-sum .big.warn{background:rgba(184,150,62,.14);color:#7a5c17}.ek1-sum .big.ok{background:#e1f0e4;color:#1e6b34}
.ek1-sum .offen{padding:4px 0;list-style:none;margin:0 0 18px;font-size:14px;border-radius:16px;overflow:hidden}
.ek1-sum .offen li{padding:9px 14px;border-bottom:1px solid rgba(20,38,58,.06)}
.ek1-sum .offen li.klick{cursor:pointer}.ek1-sum .offen li.klick::after{content:' ›';color:var(--gold);font-weight:700}
.ek1-sum .kurz{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;border-radius:16px;padding:14px;margin:0 0 24px;font-size:14px}
.ek1-sum dt{color:var(--mut)}.ek1-sum dd{margin:0;font-weight:600;word-break:break-word}
.ek1-nav{position:fixed;left:10px;right:10px;bottom:10px;display:flex;gap:12px;padding:10px;border-radius:22px;z-index:10;max-width:620px;margin:0 auto;box-sizing:border-box;margin-bottom:env(safe-area-inset-bottom)}
.ek1-nav button{flex:1;min-height:52px;font-size:17px;font-weight:700;border-radius:16px;border:0;background:var(--ink);color:#fff;cursor:pointer;transition:transform .15s}
.ek1-nav button:active{transform:scale(.98)}
.ek1-nav button.sec{flex:0 0 34%;background:rgba(255,255,255,.8);color:var(--ink);border:1px solid rgba(20,38,58,.12)}
.ek1-nav button:disabled{opacity:.4}
.ek1-nav #senden{background:linear-gradient(135deg,#c9a54c,#a8842e);box-shadow:0 10px 22px -10px rgba(168,132,46,.8)}
.ek1 .link{background:none;border:0;color:var(--mut);text-decoration:underline;font-size:14px;margin-top:22px;cursor:pointer;padding:8px 0}
.ek1-fertig{background:#e1f0e4;color:#1e6b34;padding:18px;border-radius:18px;font-size:17px;margin:14px 0}
.ek1-meine{margin-top:34px;font-size:14px}.ek1-meine summary{cursor:pointer;color:var(--mut);padding:8px 0}
.ek1 .mrow{padding:8px 0;border-bottom:1px solid rgba(20,38,58,.08)}
@media (prefers-reduced-motion:reduce){.ek1 *{animation:none!important;transition:none!important}}
.ek1-neu{display:flex;align-items:center;gap:16px;margin:18px 0;padding:18px 20px;background:#fff;border:1.5px solid #e2ddd0;border-radius:18px;text-decoration:none;color:#102c46;box-shadow:0 2px 8px rgba(16,44,70,.06)}
.ek1-neu .ek1-ico{width:52px;height:52px}
.ek1-neu .t{flex:1;display:flex;flex-direction:column}.ek1-neu strong{font-size:20px}.ek1-neu small{font-size:14px;color:#6b7280;margin-top:2px}
.ek1-neu .pf{font-size:30px;color:#b8963e;line-height:1}
.ek1-neu:hover{border-color:#b8963e}

/* ==== Design 3 fuer EK1 (YOKAZA 16.10.2026, Yaka: nichts Altes mehr) ==== */
body.ek1{background:#14110f!important;color:#f3ece2!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body.ek1::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 70%,rgba(214,160,90,.30),transparent 45%),radial-gradient(ellipse at 90% 80%,rgba(230,170,90,.2),transparent 40%),linear-gradient(160deg,#2a221c,#120f0d 60%,#0d0b0a)}
.ek1 .ek1-bg{display:none!important}
.ek1 main,.ek1 .ek1-main{background:none!important;box-shadow:none!important;color:#f3ece2}
.ek1 .ek1-top,.ek1 .ek1-head,.ek1 .glas,.ek1 .ek1-prog,.ek1 .ek1-side,.ek1 .ek1-sum,.ek1 .ek1-opt,.ek1 .ek1-drop,.ek1 .ek1-hinweis,.ek1 .ek1-vorschau figure,.ek1 .ek1-docs .doc,.ek1 .ek1-meine,.ek1 .ek1-fertig,.ek1 .ek1-nav{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 14px 40px rgba(0,0,0,.4)!important;border-radius:22px!important;color:#f3ece2!important}
.ek1 .ek1-top a{color:#fbf6ee!important;text-decoration:none}
.ek1 h1,.ek1 h2,.ek1 h3,.ek1 .stitel,.ek1 .ek1-ht,.ek1 .ek1-sum .big{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif!important;font-weight:400!important;color:#fff!important}
.ek1 *{border-color:rgba(255,255,255,.16)}
.ek1 .tile,.ek1 .gtile,.ek1 .tap,.ek1 .segb,.ek1 .pickbtn,.ek1 .dbtn,.ek1 .ek1-foto-btn,.ek1 .ek1-tap,.ek1 .ek1-side li button{background:rgba(255,255,255,.08)!important;color:#f6efe5!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;box-shadow:none!important}
.ek1 .tile[aria-pressed=true],.ek1 .tap[aria-pressed=true],.ek1 .gtile.an,.ek1 .segb[aria-pressed=true]{background:rgba(233,213,176,.22)!important;border-color:rgba(233,213,176,.75)!important;color:#fff!important}
.ek1 .tile strong,.ek1 .gtile strong{color:#fff!important}
.ek1 .ico,.ek1 .ek1-ico{filter:invert(.9) sepia(.3)}
.ek1 input[type=text],.ek1 input[type=email],.ek1 input[type=tel],.ek1 input[type=number],.ek1 input[type=date],.ek1 input[type=time],.ek1 select,.ek1 textarea{background:rgba(0,0,0,.32)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;font-size:16px!important}
.ek1 input::placeholder,.ek1 textarea::placeholder{color:rgba(240,232,220,.5)}
.ek1 .flabel,.ek1 .feld,.ek1 .hint,.ek1 .ek1-status,.ek1 .ek1-sum dt,.ek1 .lbl{color:rgba(240,232,220,.8)!important}
.ek1 .ek1-nav button{background:rgba(255,255,255,.1)!important;color:#fbf6ee!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:14px!important}
.ek1 .ek1-nav #senden{background:#e9d5b0!important;color:#1d1712!important;border:0!important}
.ek1 .ek1-prog .bar{background:rgba(255,255,255,.14)!important}.ek1 .ek1-prog #balken{background:#e9d5b0!important}
.ek1 .ek1-prog .pill,.ek1 .ek1-side .dot{background:rgba(255,255,255,.14)!important;color:#fff!important}
.ek1 .ek1-side li.cur .dot,.ek1 .ek1-side li.done .dot{background:#e9d5b0!important;color:#1d1712!important}
.ek1 a,.ek1 .link{color:#e9d5b0!important}
.ek1 .ek1-logo{filter:brightness(0) invert(.92) sepia(.25)}
.ek1 .ek1-side .side-top,.ek1 .ek1-side .side-top *,.ek1 .ek1-side .lbl{color:#f1dfbd!important}
.ek1 .ek1-head .ek1-ht,.ek1 .ek1-head span,.ek1 .ek1-head small{color:#e9d5b0!important}


/* Linien-Icons Design 3 (16.10.2026) */
.d3i{width:1.15em;height:1.15em;vertical-align:-.2em;fill:none;stroke:#e9d5b0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.d3i.gross{width:34px;height:34px;stroke-width:1.4}
.ek1 .ico{filter:none!important;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:rgba(233,213,176,.1);border:1px solid rgba(233,213,176,.35)}
.d3i.kopf{width:34px;height:34px;stroke:#e9d5b0;stroke-width:1.5}
.ek1 .tile[aria-pressed=true] .ico{background:rgba(233,213,176,.25)}