/* Wohnradar: Informationsseite. Alle Regeln bewusst auf diese Seite begrenzt. */
.wr-about-page { margin:0; background:var(--bg,#faf6f2); color:var(--ink,#352a28); font-family:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif; line-height:1.6; }
.wr-about-page * { box-sizing:border-box; }
.wr-about-wrap { max-width:1080px; margin:0 auto; padding:25px 24px 0; }
.wr-about-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0; padding:0 0 20px; border-bottom:1px solid var(--line,#dfcfc7); }
.wr-about-brand { color:var(--ink,#352a28); font-size:23px; font-weight:800; letter-spacing:-.9px; text-decoration:none; white-space:nowrap; line-height:1.2; }
.wr-about-brand em { color:var(--accent,#b0523b); font-style:normal; }
.wr-about-home { display:inline-flex; gap:8px; align-items:center; min-height:42px; padding:8px 12px; border:1px solid var(--line,#dfcfc7); border-radius:10px; background:#fff; color:var(--ink,#352a28); font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; }
.wr-about-home:hover { border-color:var(--accent,#b0523b); }
.wr-about-intro { max-width:860px; padding:48px 0 30px; }
.wr-about-intro h1 { margin:0 0 19px; color:#5d3b31; font-size:clamp(32px,4.5vw,46px); font-weight:800; letter-spacing:-.045em; line-height:1.12; }
.wr-about-intro p { margin:0 0 13px; font-size:16px; line-height:1.67; }
.wr-about-intro .wr-about-lead { margin:0 0 23px; font-size:clamp(18px,2.3vw,21px); font-weight:700; line-height:1.43; color:var(--ink,#352a28); }
.wr-about-calculators { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.wr-about-calculator { min-width:0; padding:25px 27px; background:var(--card,#fff); border:1px solid var(--line,#dfcfc7); border-radius:15px; box-shadow:0 5px 24px rgba(32,35,70,.025); }
.wr-about-calculator h2 { margin:0 0 9px; font-size:19px; line-height:1.35; letter-spacing:-.025em; }
.wr-about-calculator h2 a { color:#5d3b31; text-decoration:none; }
.wr-about-calculator h2 a:hover { color:var(--accent-dark,#893c2b); text-decoration:underline; text-underline-offset:3px; }
.wr-about-calculator h2 a::after { content:' ↗'; font-size:16px; color:var(--accent,#b0523b); }
.wr-about-calculator p { margin:0; font-size:14.5px; line-height:1.65; }
.wr-about-calculator p a { color:var(--accent-dark,#893c2b); font-weight:700; text-underline-offset:2px; }
.wr-about-explain { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; padding:44px 0 38px; border-bottom:1px solid var(--line,#dfcfc7); }
.wr-about-section h2,.wr-about-final h2 { margin:0 0 13px; font-size:22px; line-height:1.3; letter-spacing:-.025em; color:#5d3b31; }
.wr-about-section p { margin:0 0 13px; font-size:14.5px; line-height:1.75; }
.wr-about-final { padding:33px 0 5px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.wr-about-final > div { max-width:690px; }
.wr-about-final p { margin:0; font-size:14.5px; line-height:1.75; }
.wr-about-cta { flex:none; display:inline-flex; justify-content:center; align-items:center; gap:10px; padding:14px 18px; min-height:50px; border-radius:10px; background:var(--ink,#352a28); color:#fff; font-size:14px; font-weight:750; text-decoration:none; text-align:center; }
.wr-about-cta:hover { background:var(--accent-dark,#893c2b); }
.wr-about-page a:focus-visible { outline:2px solid var(--accent-dark,#893c2b); outline-offset:4px; }
@media (max-width:800px) { .wr-about-explain { gap:24px; } .wr-about-final { flex-direction:column; align-items:flex-start; } }
@media (max-width:650px) {
  .wr-about-wrap { padding:17px 16px 0; }
  .wr-about-header { padding-bottom:14px; }
  .wr-about-brand { font-size:21px; }
  .wr-about-home { min-width:40px; min-height:40px; justify-content:center; padding:8px; }
  .wr-about-home span { display:none; }
  .wr-about-intro { padding:32px 0 22px; }
  .wr-about-intro p { font-size:14.5px; }
  .wr-about-calculators,.wr-about-explain { grid-template-columns:1fr; }
  .wr-about-calculators { gap:11px; }
  .wr-about-calculator { padding:20px; }
  .wr-about-explain { padding:34px 0 22px; gap:18px; }
  .wr-about-section h2,.wr-about-final h2 { font-size:20px; }
  .wr-about-final { padding-top:26px; gap:20px; }
  .wr-about-cta { width:100%; }
}