/* ============================================================================
   4founder redesign — page CSS for route "impressum"
   GENERATED by tools/redesign-port/extract.mjs from impressum-agb/ImpressumAgb-v13-yves.dc.html
   (re-running the extractor overwrites this file). Loaded only on this route;
   shared rules live in ../base.css, palette/scale vars in ../tokens.css.
   ============================================================================ */

[id]{scroll-margin-top:120px}
details.ff-legal{overflow:hidden}
details.ff-legal summary{list-style:none;outline:none}
details.ff-legal summary::-webkit-details-marker{display:none}
details.ff-legal[open]{border-color:#a8d0ff;box-shadow:0 14px 34px rgba(var(--ff-brand-rgb),0.13)}
details.ff-legal .ff-legal-ic{color:var(--ff-brand)}
details.ff-legal[open] .ff-legal-ic{transform:rotate(45deg);background:var(--ff-brand);color:#fff;border-color:var(--ff-brand)}
details.ff-legal summary:hover .ff-legal-ic{border-color:var(--ff-brand)}
.lb h3{margin:26px 0 8px;font-size:1.08rem;font-weight:800;letter-spacing:-0.01em;color:var(--ff-heading)}
.lb h3:first-child{margin-top:0}
.lb p{margin:0 0 12px;font-size:0.98rem;line-height:1.7;color:var(--ff-text-muted)}
.lb ul{margin:0 0 14px;padding-left:22px}
.lb li{font-size:0.98rem;line-height:1.65;color:var(--ff-text-muted);margin-bottom:5px}
/* An e-mail address has no space to break at, so on a 320px phone
   "datenschutz@ackermannsolution.ch" left the card by 19px — visibly, past the painted
   edge, in two places. `anywhere` rather than `break-word` because it also lowers the
   element's min-content width, which is what actually lets the link give way inside the
   paragraph. Scoped to links in the legal body: elsewhere on the site a global wrap rule
   split "Schindellegi" across two lines, which is why this one names its target. */
.lb a{color:var(--ff-brand-deep);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.lb strong{color:var(--ff-heading)}
.lb .em{display:inline-block;margin-bottom:8px;font-style:italic;color:#8b93a7}
