/* v51: legal section aligned with redesigned rounded panel system */
#rechtliches.legal-compact{
  background:#fff !important;
  padding:28px 0 84px !important;
  border-top:none !important;
}
#rechtliches.legal-compact .container{
  max-width:1680px !important;
  margin:0 auto !important;
  background:linear-gradient(135deg,#f6faf7 0%,#f3f8f5 55%,#eef5f1 100%) !important;
  border:1px solid #d8e4db !important;
  border-radius:36px !important;
  padding:42px 44px 30px !important;
  position:relative;
  overflow:hidden;
}
#rechtliches.legal-compact .container::after{
  content:"";
  position:absolute;
  inset:auto -60px -70px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle at center, rgba(15,76,45,.06), rgba(15,76,45,0) 70%);
  pointer-events:none;
}
#rechtliches .eyebrow{
  display:inline-flex !important;
  justify-content:center;
  align-items:center;
  margin:0 auto 18px !important;
}
#rechtliches h2{
  margin:0 auto 14px !important;
  text-align:center !important;
  font-size:clamp(2.2rem,4.4vw,3.5rem) !important;
  line-height:1.04 !important;
  letter-spacing:-0.04em !important;
  color:var(--brand-950) !important;
  max-width:880px;
}
#rechtliches .muted{
  max-width:760px !important;
  margin:0 auto 26px !important;
  text-align:center !important;
  font-size:1.06rem !important;
  line-height:1.7 !important;
  color:#667085 !important;
}
#rechtliches .legal-links{
  display:flex !important;
  justify-content:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin:0 0 26px !important;
}
#rechtliches .legal-links a{
  padding:10px 16px !important;
  border:1px solid #c8d6cd !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.72) !important;
  color:var(--brand-900) !important;
  font-size:.92rem !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
#rechtliches .legal-links a:hover{
  background:#fff !important;
  border-color:#9eb9a7 !important;
}
#rechtliches .legal-accordion{
  max-width:980px !important;
  margin:0 auto !important;
}
#rechtliches .legal-accordion details{
  margin:12px 0 !important;
  border:1px solid #d8e2da !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(16,24,40,.04) !important;
  overflow:hidden !important;
}
#rechtliches .legal-accordion summary{
  padding:20px 24px !important;
  font-size:1.08rem !important;
  font-weight:800 !important;
  color:var(--brand-950) !important;
}
#rechtliches .legal-accordion summary::after{
  width:34px;
  height:34px;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:#eef4f0 !important;
  color:#3159ff !important;
  font-size:1.4rem !important;
  line-height:1 !important;
}
#rechtliches .legal-content{
  padding:2px 24px 24px !important;
  color:#475467 !important;
  font-size:.97rem !important;
  line-height:1.75 !important;
}
#rechtliches .legal-content h4{
  margin:22px 0 8px !important;
  font-size:1rem !important;
  line-height:1.35 !important;
  color:var(--brand-950) !important;
}
#rechtliches .legal-content p{
  margin:8px 0 !important;
}
#rechtliches .legal-content .legal-box,
#rechtliches .sf-legal-translation-note{
  background:#f6faf7 !important;
  border:1px solid #d8e4db !important;
  border-radius:16px !important;
}
#rechtliches .legal-content .legal-box{
  padding:16px 18px !important;
  margin:14px 0 !important;
}
#rechtliches .sf-legal-translation-note{
  max-width:980px !important;
  margin:22px auto 0 !important;
  padding:14px 18px !important;
  color:#5d6b66 !important;
  border-inline-start:3px solid #7da28a !important;
}
#rechtliches .legal-mini{
  max-width:980px;
  margin:18px auto 0 !important;
  text-align:center !important;
  font-size:.84rem !important;
  color:#667085 !important;
}

@media (max-width: 991px){
  #rechtliches.legal-compact{
    padding:22px 0 72px !important;
  }
  #rechtliches.legal-compact .container{
    border-radius:28px !important;
    padding:34px 24px 24px !important;
  }
  #rechtliches h2{
    font-size:clamp(2rem,8vw,2.8rem) !important;
  }
  #rechtliches .muted{
    font-size:1rem !important;
  }
}

@media (max-width: 640px){
  #rechtliches.legal-compact .container{
    border-radius:24px !important;
    padding:28px 16px 20px !important;
  }
  #rechtliches .legal-links{
    gap:10px !important;
    margin-bottom:20px !important;
  }
  #rechtliches .legal-links a{
    font-size:.82rem !important;
    padding:9px 12px !important;
  }
  #rechtliches .legal-accordion details{
    border-radius:16px !important;
    margin:10px 0 !important;
  }
  #rechtliches .legal-accordion summary{
    padding:16px 16px !important;
    font-size:1rem !important;
  }
  #rechtliches .legal-content{
    padding:0 16px 18px !important;
    font-size:.93rem !important;
  }
  #rechtliches .legal-mini{
    font-size:.78rem !important;
  }
}