.legal-page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 64px;color:#28343c}
.legal-hero{padding:30px clamp(20px,4vw,44px);border-left:5px solid #bd9232;background:#263946;color:#fff}
.legal-page .legal-hero .eyebrow{margin:0 0 8px;color:#e1bd68!important;font-size:.72rem;font-weight:900;letter-spacing:.14em}
.legal-page .legal-hero h1{margin:0 0 8px;color:#fff!important;font-size:clamp(2rem,5vw,3.5rem)}
.legal-page .legal-hero>p:last-child{margin:0;max-width:72ch;color:#e5e9eb!important;line-height:1.6}
.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;min-width:0;margin-top:28px;align-items:start}
.legal-content{min-width:0;padding:clamp(20px,4vw,42px);border:1px solid #d2cabd;background:#fff;box-shadow:0 8px 24px rgba(33,42,48,.07)}
.legal-content section+section{margin-top:32px;padding-top:28px;border-top:1px solid #ddd6ca}
.legal-content h2{margin:0 0 12px;color:#1f3f54;font-size:1.35rem}.legal-content h3{margin:20px 0 8px;color:#2c485a;font-size:1.05rem}
.legal-content p,.legal-content li,.legal-content dd{line-height:1.65}.legal-content p{margin:9px 0}.legal-content ul{padding-left:21px}
.legal-content address{font-style:normal;line-height:1.7}.legal-content a{color:#16537e;font-weight:700;overflow-wrap:anywhere}
.legal-content table{width:100%!important;min-width:0!important;max-width:100%;table-layout:fixed;border-collapse:collapse;margin:14px 0;font-size:.9rem}.legal-content th,.legal-content td{min-width:0;padding:10px;border:1px solid #d4ccbf;text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:normal}.legal-content th{background:#2b2b2b!important;color:#fff!important}.legal-content th:nth-child(1){width:16%}.legal-content th:nth-child(2){width:27%}.legal-content th:nth-child(3){width:19%}.legal-content th:nth-child(4){width:38%}.legal-content td code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.legal-toc{position:sticky;top:20px;padding:18px;border-top:4px solid #bd9232;background:#e8e3d9}
.legal-toc strong{display:block;margin-bottom:10px;color:#263c4a}.legal-toc a{display:block;padding:6px 0;color:#294b61;text-decoration:none;font-size:.84rem}.legal-toc a:hover{text-decoration:underline}
.legal-note{padding:13px 15px;border-left:4px solid #bd9232;background:#f3ead4}
@media(max-width:800px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:static;grid-row:1}.legal-content{padding:20px}}
@media(max-width:680px){
  .legal-page{width:calc(100% - 20px);padding-top:18px}
  .legal-content{padding:16px}
  .legal-content table,.legal-content tbody,.legal-content tr,.legal-content td{display:block;width:100%!important}
  .legal-content table{margin:12px 0;border:0!important;background:transparent!important}
  .legal-content thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .legal-content tbody{display:grid;gap:10px}
  .legal-content tr{border:1px solid #d4ccbf;background:#fff!important}
  .legal-content td{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);gap:10px;padding:9px 10px!important;border:0!important;border-bottom:1px solid #e2dcce!important;font-size:.84rem!important}
  .legal-content td:last-child{border-bottom:0!important}
  .legal-content td::before{color:#555;font-size:.67rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
  .legal-content td:nth-child(1)::before{content:"Speicherung"}.legal-content td:nth-child(2)::before{content:"Zweck"}.legal-content td:nth-child(3)::before{content:"Dauer"}.legal-content td:nth-child(4)::before{content:"Einordnung"}
}