/* Legal documents share the published navigation/footer, on a white reading surface. */
.legal-white-surface{background:#fff;color:#243b2d;position:relative;isolation:isolate}
.legal-white-surface .mint-legal.legal-editorial{background:#fff!important;color:#243b2d!important}
.legal-white-surface .mint-legal-title h1{color:#173326!important}
.legal-white-surface .mint-legal-title>span,.legal-white-surface .legal-back{color:#42634e!important}
.legal-white-surface .legal-pages-nav a{color:#284a35!important;border-color:#c9d8cc;background:#fff}
.legal-white-surface .legal-pages-nav a:hover{background:#f1f6ed}
.legal-white-surface .legal-pages-nav a[aria-current]{background:#d5f29b;border-color:#b8d77d;color:#173124!important}
.legal-white-surface .mint-legal-note{background:#f5f8ef;border-color:#dbe5cc;color:#435339!important}
.legal-white-surface .legal-index{background:#f8faf7;border-color:#dce5dc}
.legal-white-surface .legal-index a{color:#48614d!important}
.legal-white-surface .legal-index a:hover,.legal-white-surface .legal-index summary{color:#1d472d!important}
.legal-white-surface .legal-section:nth-child(n){background:#fff;border-color:#e0e7df;box-shadow:0 5px 22px #17332606}
.legal-white-surface .legal-section:nth-child(n) :is(h2,h3){color:#173326!important}
.legal-white-surface .legal-section:nth-child(n) :is(p,li){color:#3b5141!important}
.legal-white-surface .legal-section:nth-child(n) a{color:#205c36!important}
.legal-white-surface a:focus-visible,.legal-white-surface summary:focus-visible{outline:2px solid #326b45;outline-offset:4px}

/* --- Lesbarkeit der Rechtstexte ----------------------------------------- *
 * Die Zeilenhoehe von 1.85 ist fuer Fliesstext richtig und fuer einen
 * Adressblock falsch: Aus drei Zeilen Anschrift werden optisch drei Absaetze.
 * Genau das wurde am 16.9.2026 fuer /recht/impressum gemeldet. Ein Absatz,
 * der Zeilenumbrueche enthaelt, ist so ein Block - er wird enger gesetzt.
 * Browser ohne :has() zeigen den bisherigen Stand; kaputt ist dort nichts. */
.legal-white-surface .legal-section p:has(br){line-height:1.55!important;margin-bottom:22px}

/* Die laufende Nummer neben der Ueberschrift. Der Platz war im Stil schon
   vorgesehen, nur hat niemand etwas hineingeschrieben. */
.legal-white-surface .legal-section-heading>span{
  background:#eaf3e0;color:#40663f;font-weight:700;font-size:12px;
  letter-spacing:.04em;padding:5px 9px;border-radius:8px;
}
.legal-white-surface .legal-index a b{color:#2d5c3c;font-weight:700;margin-right:2px}

/* Kompaktere Abschnitte: Der Datenschutz hat 23 davon. Mit der bisherigen
   Polsterung wurde die Seite unnoetig lang, ohne lesbarer zu sein. */
.legal-white-surface .legal-section{padding:clamp(20px,2.6vw,30px)!important;margin-bottom:14px!important}
.legal-white-surface .legal-section-heading{margin-bottom:16px!important}
.legal-white-surface .legal-section p,.legal-white-surface .legal-section li{line-height:1.75!important}
/* Steht bewusst hinter der allgemeinen Regel: Beide tragen !important, und
   bei gleicher Gewichtung entscheidet Spezifitaet und Reihenfolge. */
.legal-white-surface .legal-section p:has(br){line-height:1.5!important}
.legal-white-surface .legal-section li{margin-bottom:8px}
.legal-white-surface .legal-section h3{font-size:17px!important;margin:22px 0 10px}
.legal-white-surface .legal-section a{text-decoration:underline;text-underline-offset:3px}
/* Ein Absatz, der nur aus einer Frist besteht, steht enger am Vorabsatz. */
.legal-white-surface .legal-editorial{padding-top:44px!important}
.legal-shared-footer{background:#0b1812;color:#f1f5e8;position:relative}
.legal-shared-footer footer.footer{width:min(1160px,calc(100% - 48px))!important;margin:0 auto!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;text-align:center;gap:18px 12px!important;padding:30px 0 22px!important}
.legal-shared-footer .footer-links{display:flex!important;position:static!important;grid-column:1/-1!important;grid-row:1!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px 22px!important}
.legal-shared-footer .footer-links a{color:#dce8d9!important;visibility:visible!important;opacity:1!important;min-height:44px}
.legal-shared-footer footer.footer .logo{grid-column:2!important;grid-row:2!important;justify-self:center!important;color:#f1f5e8!important}
.legal-shared-footer .logo :is(svg,img){display:block;width:120px!important;height:auto!important;max-width:100%}
.legal-shared-footer footer.footer .footer-copyright{grid-column:2!important;grid-row:3!important;color:#b7cbb9!important;font-size:11px;line-height:1.6;margin:0!important}
.legal-shared-footer footer.footer .footer-privacy{grid-column:3!important;grid-row:3!important;align-self:center!important;justify-self:end!important;color:#b7cbb9!important;position:static!important;transform:none!important;margin:0!important}
@media(max-width:750px){
 .legal-shared-footer footer.footer{width:calc(100% - 32px)!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px 8px!important}
 .legal-shared-footer footer.footer .logo{grid-column:1/-1!important}
 .legal-shared-footer footer.footer .footer-copyright{grid-column:1!important;font-size:10px;text-align:left}
 .legal-shared-footer footer.footer .footer-privacy{grid-column:2!important;font-size:11px}
 .legal-shared-footer .footer-links{gap:4px 16px!important}
}

@media(max-width:850px){.legal-white-surface .legal-pages-nav{display:flex!important;visibility:visible!important;flex-wrap:wrap;gap:10px;margin:22px 0}.legal-white-surface .legal-pages-nav a{display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;flex:1 1 40%;box-sizing:border-box}.legal-white-surface .legal-index{display:none!important}.legal-white-surface .legal-back{display:inline-flex!important;min-height:44px;align-items:center}}