/* -----------------------------------------------------------------
   Legal-document-style pages: impressum.html, datenschutz.html,
   agreement.html. Loaded after base.css.
------------------------------------------------------------------*/

.legal-main{
  flex: 1;
  display: flex;
  justify-content: center;
  padding: 24px 24px 60px;
}
.legal-content{
  max-width: 680px;
  width: 100%;
  animation: fadeIn .8s ease-out .2s both;
}

.legal-content h1{
  margin: 0 0 32px;
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
}
.legal-content h2{
  margin: 36px 0 12px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
}
.legal-content p,
.legal-content address{
  margin: 0 0 16px;
  font-size: 1rem;
  line-height: 1.7;
  font-style: normal;
  color: rgba(255,255,255,.82);
}
.legal-content ul{
  margin: 0 0 16px;
  padding-left: 1.2em;
  line-height: 1.7;
  color: rgba(255,255,255,.82);
}
.legal-content a.inline-link{
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity .2s ease;
}
.legal-content a.inline-link:hover{ opacity: .75; }

.note{
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: .9rem;
  font-style: italic;
  color: rgba(255,255,255,.5);
}

@media (max-width: 768px){
  .legal-main{ padding: 16px 24px 48px; }
}

@media (prefers-reduced-motion: reduce){
  .legal-content{ animation: none !important; opacity: 1 !important; transform: none !important; }
}