/* HEXA – Rechtsseiten + gemeinsame Fußzeile (26.10.2026). Baut auf start.css auf (dunkel, Variablen --k, --t, --m ...).
   Die Fußzeile .recht-fuss nutzt nur geerbte Farben, damit sie auch im hellen Dashboard lesbar bleibt. */
main.recht{max-width:780px}
.recht h1{margin-bottom:8px}
.recht .stand{color:var(--m);font-size:14px;margin:0 0 24px}
.recht h2{font-size:20px;margin:36px 0 10px;padding-top:22px;border-top:1px solid var(--linie)}
.recht h2:first-of-type{border-top:0;padding-top:0}
.recht h3{font-size:16.5px;margin:22px 0 8px}
.recht p,.recht li{color:var(--t);font-size:15.5px;line-height:1.65}
.recht p{margin:0 0 12px}
.recht ul,.recht ol{padding-left:22px;margin:0 0 14px}
.recht li{margin:0 0 6px}
.recht .karte{background:var(--k);border:1px solid var(--linie);border-radius:18px;padding:clamp(16px,4vw,26px);margin:0 0 16px;overflow-wrap:anywhere}
.recht .karte p:last-child{margin-bottom:0}
.recht .adresse{font-style:normal;line-height:1.7}
.recht .leise{color:var(--m);font-size:14px}
.recht table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 16px}
.recht th,.recht td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--linie)}
.recht th{color:var(--m);font-weight:600;font-size:13px}
.recht .tabwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px}
.recht .tabwrap table{margin:0;min-width:520px}
.recht .inhalt{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}
.recht .inhalt a{display:inline-block;font-size:14px;text-decoration:none;background:var(--k2);color:var(--t);padding:7px 13px;border-radius:999px}
.recht .inhalt a:focus-visible,.recht a:focus-visible,.recht-fuss a:focus-visible{outline:2px solid var(--b2,#60a5fa);outline-offset:2px;border-radius:6px}
.recht .hinweis{margin:0 0 18px}
.recht fieldset{border:0;margin:0 0 16px;padding:0}
.recht legend{font-size:13px;font-weight:500;color:var(--m);margin:0 0 8px;padding:0}
.recht .wahl-zeile{display:flex;gap:10px;align-items:flex-start;background:var(--k);border:1px solid var(--linie2);border-radius:12px;padding:12px 14px;margin:0 0 8px;cursor:pointer}
.recht .wahl-zeile input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--b)}
.recht textarea.eingabe{min-height:96px;resize:vertical}
.recht .pflicht{color:var(--r)}
.recht .honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.recht .bestaetigung{border-color:color-mix(in srgb,var(--g) 40%,transparent)}
.recht .bestaetigung dl{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:6px 14px;margin:12px 0 0}
.recht .bestaetigung dt{color:var(--m);font-size:14px}
.recht .bestaetigung dd{margin:0;font-size:15px;overflow-wrap:anywhere}
.recht .knopf-gross{font-size:17px;padding:15px 24px}
.recht-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:#000;padding:10px 14px;border-radius:0 0 10px 0}
.recht-skip:focus{left:0}

/* ---------- Gemeinsame Fußzeile (auch Homepage, Registrierung, Checkout, Dashboard) */
.recht-fuss{max-width:1120px;margin:0 auto;padding:28px 16px calc(32px + env(safe-area-inset-bottom));font-size:13px;line-height:1.6;text-align:center;color:inherit}
.recht-fuss .recht-risiko{margin:0 auto 12px;max-width:760px;opacity:.85}
.recht-hinweise{max-width:980px;margin:18px auto 0;text-align:left;font-size:14px;line-height:1.65;color:var(--m,#9097a3);border:1px solid rgba(127,127,127,.22);border-radius:16px;padding:16px 18px}
.recht-hinweise .recht-hinweise-titel{margin:0 0 6px;font-weight:650;font-size:15px;color:var(--t,inherit)}
.recht-hinweise p{margin:0;line-height:1.65}
.recht-hinweise a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.recht-fuss .recht-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 2px}
.recht-fuss .recht-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(127,127,127,.5);padding:4px 4px;white-space:nowrap}
.recht-fuss .recht-links a:hover{text-decoration-color:currentColor}
.recht-fuss .recht-links a[aria-current]{font-weight:600}
.recht-fuss .recht-copy{margin:10px 0 0;opacity:.75}
body > .recht-fuss{color:var(--m,#9097a3)}

@media (max-width:600px){
  .recht .bestaetigung dl{grid-template-columns:1fr}
  .recht-fuss .recht-links span[aria-hidden]{display:none}
  .recht-fuss .recht-links{gap:2px 12px}
}
@media print{
  .kopf,.hintergrund,.recht-fuss,.recht-skip,.knoepfe{display:none!important}
  body,html{background:#fff!important;color:#000!important}
  .recht p,.recht li,.recht dd{color:#000!important}
  .recht .karte{border-color:#999;background:#fff}
}

/* iOS zoomt in Felder unter 16 px hinein: auf Touch-Geraeten nie kleiner (Design-Sitzung 27.10.2026) */
@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]),select,textarea{font-size:max(16px,1em)!important}}