.lws{--c:#1d4ed8;--ink:#0e1420;--soft:#3d4757;--line:#e2e6ee;--pap:#f5f7fb;
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;color:var(--ink)}
.lws *{box-sizing:border-box}

.lws-bar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;
  box-shadow:0 1px 2px rgba(14,20,32,.05),0 12px 32px -12px rgba(14,20,32,.18)}
.lws-bar label{display:block;font-weight:650;margin-bottom:10px;font-size:15.5px}
.lws-input{display:flex;gap:10px;flex-wrap:wrap}
.lws-input input{flex:1 1 260px;min-width:0;padding:13px 16px;border:1px solid var(--line);
  border-radius:10px;font-size:16px;font-family:inherit;background:#fff;color:var(--ink)}
.lws-input input:focus{outline:2px solid var(--c);outline-offset:1px;border-color:var(--c)}
.lws-input button{background:var(--c);color:#fff;border:0;border-radius:10px;padding:13px 22px;
  font-weight:650;font-size:16px;cursor:pointer;font-family:inherit;white-space:nowrap}
.lws-input button:hover{background:#0b2a6b}
.lws-input button:disabled{opacity:.6;cursor:default}
.lws-hint{margin:10px 0 0;font-size:14.5px;color:var(--soft)}

.lws-main{display:grid;grid-template-columns:250px 1fr 250px;gap:20px;margin-top:20px;align-items:start}

.lws-palette{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;
  max-height:640px;overflow:auto}
.lws-ph{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.lws-g{margin:16px 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--c)}
.lws-g:first-child{margin-top:0}
.lws-b{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:9px 11px;margin-bottom:7px;cursor:pointer;font-family:inherit;
  transition:border-color .12s,background .12s}
.lws-b:hover{border-color:var(--c);background:#f7f9ff}
.lws-b.an{border-color:var(--c);background:#eaf0ff;box-shadow:inset 3px 0 0 var(--c)}
.lws-b.fix{opacity:.75;cursor:default;background:var(--pap)}
.lws-bn{display:block;font-weight:650;font-size:14.5px;color:var(--ink)}
.lws-bd{display:block;font-size:12.5px;color:var(--soft);line-height:1.35;margin-top:1px}
.lws-bp{display:block;font-size:11.5px;color:var(--c);font-weight:650;margin-top:3px}

.lws-stage{min-width:0}
.lws-frame{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;
  box-shadow:0 1px 2px rgba(14,20,32,.05),0 18px 44px -16px rgba(14,20,32,.26)}
.lws-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--pap);
  border-bottom:1px solid var(--line)}
.lws-chrome span{width:9px;height:9px;border-radius:50%;background:#d3d9e4}
.lws-chrome i{margin-left:12px;font-style:normal;font-size:12.5px;color:var(--soft);
  background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px 10px;flex:1}
.lws-page{height:600px;overflow:auto;background:#fff;scroll-behavior:smooth}
.lws.laedt .lws-page{opacity:.5;transition:opacity .2s}

.lws-side{background:var(--ink);color:#fff;border-radius:14px;padding:22px;position:sticky;top:92px}
.lws-label{margin:0 0 4px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8fa0bd}
.lws-sum{margin:0;font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.lws-cur{margin:2px 0 14px;font-size:13px;color:#8fa0bd}
.lws-chosen{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px;min-height:26px}
.lws-tag{background:#22304d;border-radius:6px;padding:3px 8px;font-size:12px;color:#dbe3f0}
.lws-leer{font-size:13px;color:#8fa0bd}
.lws-btn{display:block;background:#fff;color:var(--ink);text-align:center;border-radius:10px;
  padding:12px;font-weight:650;text-decoration:none;font-size:15px}
.lws-btn:hover{background:#e8ecf4;text-decoration:none;color:var(--ink)}
.lws-note{margin:12px 0 0;font-size:12.5px;color:#8fa0bd;line-height:1.45}

/* Vorschau-Inhalt */
.p-nav{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:2px solid}
.p-logo{height:22px;width:auto;max-width:110px;object-fit:contain}
.p-logo-txt{font-weight:800;font-size:14px;letter-spacing:-.01em}
.p-nav-l{margin-left:auto;display:flex;gap:8px}
.p-nav-l i{width:26px;height:5px;border-radius:3px;background:#e2e6ee;display:block}
.p-cta{width:44px;height:16px;border-radius:5px}
.p-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:22px 16px;align-items:center}
.p-hero-t b{display:block;font-size:19px;line-height:1.2;letter-spacing:-.02em;margin-bottom:7px}
.p-hero-t span{display:block;font-size:12.5px;color:#5a6577;line-height:1.5}
.p-btn{display:inline-block;color:#fff;border-radius:6px;padding:6px 14px;font-size:11.5px;
  font-weight:650;margin-top:10px}
.p-hero-i{height:110px;border-radius:9px}
.p-sec{padding:18px 16px;border-top:1px solid #eef1f6}
.p-alt{background:#f7f9fc}
.p-h{font-size:13px;font-weight:750;margin-bottom:11px;letter-spacing:-.01em}
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.p-card{border:1px solid #eef1f6;border-radius:8px;padding:10px;background:#fff}
.p-card i{display:block;width:18px;height:18px;border-radius:5px;margin-bottom:7px}
.p-card b{display:block;font-size:11.5px;margin-bottom:5px;line-height:1.3}
.p-card u,.p-form span,.p-kontakt u,.p-zeiten u{display:block;height:4px;border-radius:2px;
  background:#e8ecf3;text-decoration:none;margin-bottom:4px}
.p-card u.s,.p-kontakt u.s{width:60%}
.p-weiche{display:flex;flex-direction:column;gap:6px}
.p-opt{border:1px solid #e2e6ee;border-radius:7px;padding:8px 11px;font-size:11.5px;background:#fff}
.p-opt.warn{border-color:#f0c4c4;background:#fff6f6;color:#b42318;font-weight:600}
.p-nutzen{margin:9px 0 0;font-size:11.5px;color:#5a6577;font-style:italic}
.p-form{display:flex;flex-direction:column;gap:6px}
.p-form span{height:22px;border-radius:6px;background:#eef1f6}
.p-form span.w{width:55%}
.p-drop{border:2px dashed;border-radius:9px;padding:20px;text-align:center;font-size:11.5px;
  color:#5a6577;background:#fff}
.p-slots{display:flex;gap:6px}
.p-slots span{flex:1;height:26px;border-radius:6px;background:#eef1f6}
.p-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.p-shots div{height:58px;border-radius:8px}
.p-stars{font-size:17px;letter-spacing:2px;margin-bottom:7px}
.p-team{display:flex;gap:9px}
.p-team span{width:38px;height:38px;border-radius:50%}
.p-3d{border:2px solid;border-radius:9px;height:96px;display:grid;place-items:center;background:#fff}
.cube{width:46px;height:46px;border:2px solid;border-radius:5px;transform:rotate(-14deg) skewY(6deg)}
.p-langs{display:flex;gap:6px}
.p-langs span{padding:4px 11px;border-radius:6px;background:#eef1f6;font-size:11px;font-weight:650;color:#5a6577}
.p-langs span.on{color:#fff}
.p-login{display:flex;flex-direction:column;gap:6px;max-width:190px}
.p-login span:not(.p-btn){height:22px;border-radius:6px;background:#eef1f6}
.p-zeiten u{width:78%}
.p-zeiten u:nth-child(2){width:62%}
.p-zeiten u:nth-child(4){width:48%}
.p-karte{height:82px;position:relative}
.p-karte span{position:absolute;left:50%;top:50%;width:13px;height:13px;border-radius:50%;
  transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(255,255,255,.6)}
.p-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:14px 16px;
  background:#f7f9fc;border-top:1px solid #eef1f6;font-size:11px}
.p-flow span{background:#fff;border:1px solid #e2e6ee;border-radius:6px;padding:4px 9px;color:#3d4757}
.p-flow i{font-style:normal;font-weight:700}
.p-foot{padding:14px 16px;background:#0e1420;color:#8fa0bd;font-size:11px}
.p-sec u.mid{width:72%;margin-top:5px}

@media (max-width:1080px){
  .lws-main{grid-template-columns:1fr}
  .lws-palette{max-height:none;order:2}
  .lws-stage{order:1}
  .lws-side{order:3;position:static}
  .lws-page{height:480px}
  .p-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .p-hero{grid-template-columns:1fr}
  .p-hero-i{height:80px}
  .lws-page{height:420px}
}

.lws-lauf{margin:0 0 14px;padding-top:12px;border-top:1px solid #22304d;
  font-size:13px;color:#b6c1d4;line-height:1.5}
.lws-lauf b{color:#fff}

/* Beratungsgespräch */
.lws-oder{margin:10px 0 0;font-size:14.5px;color:var(--soft)}
.lws-oder button{background:none;border:0;padding:0;color:var(--c);font:inherit;
  cursor:pointer;text-decoration:underline}
.lws-chat{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:14px;
  overflow:hidden;box-shadow:0 1px 2px rgba(14,20,32,.05),0 12px 32px -12px rgba(14,20,32,.18)}
.lws-chat-kopf{display:flex;align-items:center;padding:12px 16px;background:var(--pap);
  border-bottom:1px solid var(--line);font-weight:650;font-size:15px}
.lws-chat-kopf button{margin-left:auto;background:none;border:0;font-size:22px;line-height:1;
  cursor:pointer;color:var(--soft)}
.lws-chat-lauf{max-height:320px;overflow-y:auto;padding:16px;display:flex;
  flex-direction:column;gap:10px}
.lws-b-b,.lws-b-k{max-width:82%;padding:11px 15px;font-size:15.5px;line-height:1.5}
.lws-b-b{background:var(--pap);border-radius:12px 12px 12px 4px;align-self:flex-start}
.lws-b-k{background:var(--c);color:#fff;border-radius:12px 12px 4px 12px;align-self:flex-end}
.lws-tippt{opacity:.6;font-style:italic}
.lws-chat-ein{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}
.lws-chat-ein input{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:9px;
  font:inherit;font-size:15.5px}
.lws-chat-ein button{background:var(--c);color:#fff;border:0;border-radius:9px;
  padding:11px 20px;font-weight:650;cursor:pointer;font-family:inherit}
.lws-chat-ein input:disabled,.lws-chat-ein button:disabled{opacity:.5}
.lws-chat-fuss{margin:0;padding:0 16px 12px;font-size:13px;color:var(--soft)}

/* Auswahl uebermitteln */
.lws-senden{margin-top:20px;background:var(--ink);color:#fff;border-radius:14px;padding:24px}
.lws-senden h3{margin:0 0 6px;font-size:19px}
.lws-senden p{margin:0 0 16px;color:#b6c1d4;font-size:15px}
.lws-senden form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lws-senden input{padding:11px 14px;border:0;border-radius:9px;font:inherit;font-size:15.5px}
.lws-senden button{grid-column:1/-1;background:#fff;color:var(--ink);border:0;border-radius:9px;
  padding:12px;font-weight:650;font-size:15.5px;cursor:pointer;font-family:inherit}
.lws-senden-hin{margin:12px 0 0;font-size:14px;color:#b6c1d4}
@media (max-width:560px){.lws-senden form{grid-template-columns:1fr}}