/* plasway legal pages (imprint, privacy, cookies, terms) */
/* language blocks: the page contains English AND German; lang.js sets <html lang> */
html:not([lang="de"]) .l-de{display:none !important;}
html[lang="de"] .l-en{display:none !important;}

.lg-hero{position:relative;padding:150px 0 48px;background:linear-gradient(180deg,#f4f8ee 0%,#fff 100%);overflow:hidden;}
.lg-hero::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(7,40,100,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(7,40,100,.05) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 85%);
  pointer-events:none;
}
.lg-hero .wrap{position:relative;}
.lg-hero h1{font-size:clamp(34px,5vw,56px);margin:14px 0 12px;letter-spacing:-.02em;}
.lg-hero .lg-updated{font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);}

.lg-section{padding:12px 0 96px;}
.lg-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start;}
.lg-toc{position:sticky;top:104px;}
.lg-toc h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-family:'IBM Plex Mono',monospace;color:var(--green-deep);margin-bottom:14px;}
.lg-toc ul{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line);max-height:calc(100vh - 190px);overflow-y:auto;}
.lg-toc a{display:block;padding:8px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:13.5px;line-height:1.4;color:var(--slate);transition:color .2s,border-color .2s,background .2s;}
.lg-toc a:hover{color:var(--navy);}
.lg-toc a.on{color:var(--navy);font-weight:600;border-left-color:var(--green);background:linear-gradient(90deg,rgba(104,177,37,.1),transparent);}

.lg-body{
  background:#fff;border:1px solid var(--line);border-radius:24px;padding:48px 52px 52px;
  box-shadow:var(--shadow-card);
}
.lg-body h2{font-size:22px;margin:38px 0 12px;padding-top:6px;scroll-margin-top:100px;letter-spacing:-.01em;}
.lg-body h2:first-child{margin-top:0;}
.lg-body h3{font-size:17px;margin:0 0 6px;}
.lg-body p{margin:0 0 14px;font-size:15.5px;line-height:1.8;color:#34425c;}
.lg-body .lg-lead{font-size:17px;color:var(--ink);line-height:1.8;padding-bottom:6px;border-bottom:1px solid var(--line);margin-bottom:6px;}
.lg-body ul{list-style:disc;margin:0 0 16px;padding-left:22px;}
.lg-body li{font-size:15.5px;line-height:1.8;color:#34425c;margin-bottom:4px;}
.lg-body a{color:var(--navy-mid);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(13,58,140,.35);}
.lg-body a:hover{color:var(--green-deep);text-decoration-color:var(--green);}
.lg-body em{color:var(--navy);}
.lg-note{margin:22px 0;padding:18px 22px;border-radius:14px;background:var(--mist);border-left:4px solid var(--green);font-size:15px;line-height:1.75;color:#34425c;}
.lg-inline{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--navy-mid);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.lg-inline:hover{color:var(--green-deep);}
.lg-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 18px;}
.lg-card{border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:linear-gradient(180deg,#fff,#f8fbf3);}
.lg-card p{margin:0;font-size:14.5px;}

.lg-table-wrap{overflow-x:auto;margin:6px 0 18px;border:1px solid var(--line);border-radius:14px;}
.lg-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px;}
.lg-table th{background:var(--navy);color:#fff;text-align:left;padding:12px 14px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;}
.lg-table td{padding:13px 14px;border-top:1px solid var(--line);vertical-align:top;color:#34425c;line-height:1.55;}
.lg-table tbody tr:nth-child(even){background:#f8fafd;}
.lg-table code{font-family:'IBM Plex Mono',monospace;font-size:12.5px;background:var(--mist);padding:2px 7px;border-radius:6px;color:var(--navy);}

/* placeholders to fill in: highlighted so they cannot be overlooked. Remove the "todo" class when done. */
.todo{background:#fff3b0;color:#6b4a00;padding:1px 6px;border-radius:5px;font-weight:600;font-size:.92em;box-decoration-break:clone;-webkit-box-decoration-break:clone;}

@media (max-width:980px){
  .lg-layout{grid-template-columns:1fr;gap:26px;}
  .lg-toc{position:static;}
  .lg-toc ul{border-left:0;flex-direction:row;flex-wrap:wrap;gap:8px;max-height:none;}
  .lg-toc a{border:1px solid var(--line);border-radius:999px;padding:7px 14px;margin:0;font-size:12.5px;}
  .lg-toc a.on{border-color:var(--green);background:rgba(104,177,37,.12);}
  .lg-body{padding:32px 24px 36px;}
}
@media (max-width:640px){
  .lg-hero{padding:120px 0 32px;}
  .lg-cards{grid-template-columns:1fr;}
  .lg-table{min-width:0;}
  .lg-table thead{display:none;}
  .lg-table,.lg-table tbody,.lg-table tr,.lg-table td{display:block;width:100%;}
  .lg-table tr{padding:12px 4px;border-top:1px solid var(--line);}
  .lg-table td{border:0;padding:5px 14px;}
  .lg-table td::before{content:attr(data-l);display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep);}
}
@media print{
  header,.pf,.pc-banner,.back-to-top,.lg-toc{display:none !important;}
  .lg-hero{padding:20px 0;} .lg-body{border:0;box-shadow:none;padding:0;}
}
