/* Gemeinsames Layout der Rechtsseiten (Impressum, Datenschutz).
   Farben, Radien und Abstände kommen ausschließlich aus den Tokens. */

body{margin:0;background:var(--mm-bg);color:var(--mm-text);
     font-family:var(--mm-font-text);line-height:1.65}
h1,h2{font-family:var(--mm-font-display);line-height:1.25;margin:0}
a{color:var(--mm-text-link)}
.wrap{width:min(760px,100% - 2.5rem);margin-inline:auto}

.kopf{position:sticky;top:0;z-index:20;background:var(--mm-surface);
      border-bottom:1px solid var(--mm-border);padding:.85rem 0}
.kopf .wrap{width:min(1120px,100% - 2.5rem);display:flex;align-items:center;
            justify-content:space-between;gap:1rem}
.kopf img{height:34px;width:auto;display:block}

.inhalt{padding:clamp(2rem,6vw,3.5rem) 0 4rem}
.inhalt h1{font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:1.5rem}
.inhalt h2{font-size:1.15rem;margin:2.25rem 0 .65rem}
.inhalt p{margin:0 0 1rem;color:var(--mm-text-secondary)}

dl{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1.25rem;margin:0 0 1rem}
dt{font-weight:600;color:var(--mm-text)}
dd{margin:0;color:var(--mm-text-secondary)}
@media (max-width:34rem){
  dl{grid-template-columns:1fr;gap:.1rem}
  dt{margin-top:.85rem}
}

.offen{color:var(--mm-warning-700);font-weight:600}

/* Domainliste: mittig, damit eine unvollständige letzte Reihe nicht kippt */
.domains{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;
         list-style:none;padding:0;margin:1rem 0}
.domains a{display:block;background:var(--mm-bg-subtle);
           border-radius:var(--mm-radius-sm);padding:.45rem .8rem;
           font-size:.9rem;color:var(--mm-text-secondary);text-decoration:none}
.domains a:hover{background:var(--mm-action-subtle);color:var(--mm-action)}

.zurueck{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--mm-border)}