/* =========================================================
   Rechtliche Seiten — Impressum, Datenschutz, AGB
   Farben und Schrift aus dem Kit der Startseite:
   Navy #1E2857, Magenta #D92B7B, Creme #F8F2E6, Gold #DBC379.
   Reine Lesetypografie, bewusst schmale Spalte.
   ========================================================= */
body.t2k-recht{
  background-color:#fff;
  background-image:linear-gradient(180deg,#F8F2E6 0%,rgba(248,242,230,0) 460px);
  background-repeat:no-repeat}

body.t2k-recht .site-main{
  width:100%;max-width:820px;margin:0 auto;
  padding:150px 28px 110px;box-sizing:border-box}

/* ---------- Seitentitel ---------- */
body.t2k-recht .page-header{margin:0 0 30px;padding:0;border:0}
body.t2k-recht h1.entry-title{
  margin:0 0 18px;
  font-family:"Montserrat",system-ui,-apple-system,sans-serif;
  font-size:clamp(30px,4.2vw,44px);line-height:1.14;font-weight:700;
  letter-spacing:-.025em;color:#1E2857}
/* Goldene Haarlinie wie auf der Startseite */
body.t2k-recht .page-header::after{
  content:"";display:block;height:2px;width:100%;
  background:linear-gradient(90deg,#DBC379 0%,rgba(219,195,121,.28) 24%,rgba(30,40,87,.10) 62%,transparent 100%)}

/* ---------- Lesetext ---------- */
body.t2k-recht .page-content{
  font-family:"Montserrat",system-ui,-apple-system,sans-serif;
  font-size:16.5px;line-height:1.75;color:#3B4468}
body.t2k-recht .page-content p{margin:0 0 18px}
body.t2k-recht .page-content h2{
  margin:42px 0 12px;
  font-size:clamp(19px,2.2vw,22px);line-height:1.28;font-weight:700;
  letter-spacing:-.012em;color:#1E2857}
body.t2k-recht .page-content h2:first-child{margin-top:0}
body.t2k-recht .page-content h3{
  margin:30px 0 10px;font-size:17px;font-weight:700;color:#1E2857}
body.t2k-recht .page-content ul,
body.t2k-recht .page-content ol{margin:0 0 18px;padding-left:22px}
body.t2k-recht .page-content li{margin:0 0 7px}
body.t2k-recht .page-content strong{color:#1E2857;font-weight:700}

/* Verweise bleiben im Textton und zeigen sich ueber die Unterlaengung.
   Das Gold der Marke kommt erst beim Zeigen dazu. */
body.t2k-recht .page-content a{
  color:#1E2857;
  text-decoration:underline;
  text-decoration-color:rgba(30,40,87,.34);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:color .16s ease, text-decoration-color .16s ease}
/* Gold der Marke (#E0AD43), fuer Lesetext auf Weiss abgedunkelt bis der
   Kontrast 4.5:1 erreicht. Die Unterlaengung bleibt im hellen Markengold. */
body.t2k-recht .page-content a:hover{
  color:#956C19;
  text-decoration-color:rgba(224,173,67,.85)}

@media(max-width:640px){
  body.t2k-recht .site-main{padding:118px 20px 76px}
  body.t2k-recht .page-content{font-size:16px}
  body.t2k-recht .page-content h2{margin-top:34px}
}
