/* Seiten für dauerhafte rechtliche Informationen */
.legal-page{background:var(--paper);}
.legal-top{background:#131c1a;}
.legal-back{font-size:13px;color:#f5f4ef;border:1px solid rgba(255,255,255,.45);border-radius:99px;padding:10px 18px;}
.legal-main{padding:145px 20px 100px;}
.legal-content{max-width:880px;margin:auto;padding:0 4px;}
.legal-kicker{font-size:12px;letter-spacing:.16em;font-weight:700;color:#77837b;}
.legal-content h1{font-size:clamp(42px,6vw,74px);letter-spacing:-.05em;margin:16px 0 42px;line-height:1.08;font-weight:400;}
.legal-content section{border-top:1px solid #d8ddd6;padding:30px 0;}
.legal-content h2{margin:0 0 16px;font-size:clamp(21px,2.5vw,28px);letter-spacing:-.025em;font-weight:500;}
.legal-content p{margin:0 0 15px;line-height:1.8;color:#3e4842;font-size:16px;max-width:840px;}
.legal-content p:last-child{margin-bottom:0;}
.legal-content a{text-decoration:underline;text-underline-offset:3px;}
.legal-review{background:#eeeae2;padding:25px!important;border-radius:14px;}
.legal-review h2{font-size:21px;}
@media(max-width:920px){.legal-top nav{display:none}.legal-back{margin-left:auto}.legal-main{padding-top:125px}}
@media(max-width:420px){.legal-back{font-size:11px;padding:8px}.legal-main{padding:116px 18px 65px}}
/* Optimierte Lesbarkeit der Rechtstextseiten auf Smartphones. */
@media (max-width: 640px) {
  .legal-top .brand { flex: 0 1 auto; }
  .legal-top .brand>span { font-size: 12px; }
  .legal-top .brand img { width: 39px; height: 39px; }
  .legal-back { white-space: nowrap; font-size: 11px; padding: 12px; min-height: 44px; display: inline-flex; align-items: center; }
  .legal-main { padding: 112px 18px 68px; }
  .legal-content h1 { font-size: clamp(38px, 10vw, 52px); margin-bottom: 30px; }
  .legal-content section { padding: 24px 0; }
  .legal-content h2 { font-size: 23px; line-height: 1.25; }
  .legal-content p { font-size: 15px; line-height: 1.72; overflow-wrap: anywhere; }
  .legal-review { padding: 20px !important; }
}
@media (max-width: 360px) {
  .legal-top .brand>span { font-size: 11px; }
  .legal-top .brand img { width: 35px; height: 35px; }
  .legal-back { font-size: 10px; padding: 8px 9px; }
  .legal-content h1 { font-size: 38px; }
}

@media(max-width:640px){
 .legal-main{padding-top:124px;}
 .legal-content h1{letter-spacing:0;line-height:1.16;}
 .legal-content h2{letter-spacing:0;line-height:1.35;}
 .legal-content p{font-size:15px;line-height:1.78;overflow-wrap:break-word;}
 .legal-content section{padding:25px 0;}
}
