/* Download-Button am Ende der Datenschutzerklärung */
.legal-intro{
  padding-bottom:var(--section-pad-tight);
}

#datenschutzerklaerung{
  padding-top:var(--section-pad-tight);
}

.privacy-policy-download{
  margin-top:var(--stack-gap-lg);
}

.privacy-note{
  margin:0;
  padding:14px 16px;
  border-left:3px solid color-mix(in oklab, var(--cyan), transparent 30%);
  border-radius:12px;
  background:color-mix(in oklab, var(--bg-2), transparent 18%);
}

/* Kapitel (Details) */
.privacy-chapter{
  border-radius:14px;
  border:1px solid color-mix(in oklab, var(--line), var(--text) 14%);
  background:color-mix(in oklab, var(--card), transparent 10%);
  overflow:hidden;
}

.privacy-chapter__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px;
  cursor:pointer;
  list-style:none;
}

.privacy-chapter__summary::-webkit-details-marker{
  display:none;
}

.privacy-chapter__summary h2{
  margin:0;
  font-size:1.15rem;
}

.privacy-chapter__summary::after{
  content:"";
  flex-shrink:0;
  width:10px;
  height:10px;
  border-radius:2px;
  border:2px solid currentColor;
  border-left:0;
  border-top:0;
  transform:rotate(45deg);
  transition:transform .18s ease;
}

.privacy-chapter[open] .privacy-chapter__summary::after{
  transform:rotate(225deg);
}

.privacy-chapter__body{
  padding:0 18px 18px;
  display:flex;
  flex-direction:column;
  gap:1.1rem;
  border-top:1px solid color-mix(in oklab, var(--line), transparent 35%);
}

.privacy-chapter + .privacy-chapter{
  margin-top:1.2rem;
}

/* Dienste innerhalb von Kapitel 5 */
.privacy-service{
  border-radius:12px;
  border:1px solid color-mix(in oklab, var(--line), var(--text) 10%);
  background:color-mix(in oklab, var(--bg-2), transparent 25%);
  overflow:hidden;
}

.privacy-service__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:600;
  list-style:none;
}

.privacy-service__summary::-webkit-details-marker{
  display:none;
}

.privacy-service__summary h3{
  margin:0;
  font-size:1.05rem;
}

.privacy-service__summary::after{
  content:"";
  flex-shrink:0;
  width:9px;
  height:9px;
  border-radius:2px;
  border:2px solid currentColor;
  border-left:0;
  border-top:0;
  transform:rotate(45deg);
  transition:transform .18s ease;
}

.privacy-service[open] .privacy-service__summary::after{
  transform:rotate(225deg);
}

.privacy-service__body{
  padding:0 14px 12px;
  display:flex;
  flex-direction:column;
  gap:.8rem;
}

.privacy-service + .privacy-service{
  margin-top:.8rem;
}

@media (max-width:640px){
  .privacy-chapter__summary{
    padding:12px 14px;
  }

  .privacy-chapter__body{
    padding:0 14px 14px;
  }
}