:root{--ink:#152921;--accent:#165b45;--muted:#63726c;--line:#dce5df;--surface:#f5f7f4;--soft:#eaf2eb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;background:white}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid #72bda5;outline-offset:3px}.container{max-width:1150px;margin:auto;padding:0 28px}.siteheader{border-bottom:1px solid var(--line);background:white}.nav{height:78px;display:flex;align-items:center;gap:35px}.logo{font-size:25px;letter-spacing:-1.1px;font-weight:800}.logo span{color:var(--accent)}.links{margin-left:auto;display:flex;align-items:center;gap:29px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:white!important;border:1px solid var(--accent);border-radius:6px;padding:12px 19px;font-weight:650;line-height:1.25;transition:background .15s}.button:hover{background:#0d4331}.button.ghost{background:white;color:var(--ink)!important;border-color:#cbd9ce}.button.ghost:hover{background:var(--soft)}.eyebrow{color:#47715e;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:750}.hero{padding:75px 0 65px}.herogrid{display:grid;grid-template-columns:1fr 1.09fr;align-items:center;gap:53px}.hero h1{font-size:clamp(39px,4.15vw,61px);letter-spacing:-.055em;line-height:1.1;margin:18px 0 22px;font-weight:770}.lead{font-size:17px;line-height:1.8;color:#51645a;max-width:580px}.heroactions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.fine{font-size:12px;color:#67786f}.hero-photo{height:405px;position:relative;overflow:hidden;border-radius:9px;background:#dce7db}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-label{position:absolute;right:0;bottom:0;background:rgba(17,54,40,.94);color:white;padding:20px 28px;width:69%;font-size:14px;line-height:1.5}.photo-label strong{display:block;font-size:20px;line-height:1.2;margin-bottom:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px}.stat{padding:19px 27px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{display:block;font-size:15px}.stat small{color:var(--muted);font-size:13px}.section{padding:78px 0}.section.grey{background:var(--surface)}.section-title{font-size:clamp(29px,3vw,40px);line-height:1.2;letter-spacing:-.04em;margin:9px 0 13px}.subhead{color:var(--muted);max-width:660px;margin:0 0 31px}.twocol{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.dashboard{background:white;border:1px solid var(--line);box-shadow:0 18px 50px rgba(10,40,25,.08);border-radius:10px;overflow:hidden}.dashhead{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:13px}.dashbody{padding:22px}.dashmetrics{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.dashmetric{background:#f7f9f6;border:1px solid #e7ece8;padding:16px;border-radius:6px}.dashmetric small{display:block;color:var(--muted);font-size:12px}.dashmetric strong{font-size:25px;letter-spacing:-.04em}.dashnote{background:var(--soft);color:#285642;font-size:13px;padding:13px 16px;margin-top:14px}.bars{height:111px;display:flex;align-items:end;gap:10px;padding:17px 0 6px;border-bottom:1px solid var(--line)}.bar{background:#88b19c;flex:1;border-radius:3px 3px 0 0}.checklist{list-style:none;padding:0;margin:23px 0}.checklist li{position:relative;padding-left:25px;margin:10px 0}.checklist li:before{content:'✓';color:var(--accent);font-weight:800;position:absolute;left:0}.smallgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border:1px solid var(--line);padding:27px;border-radius:6px;background:white}.feature .num{font-size:12px;font-weight:750;color:#4f8468;letter-spacing:.1em}.feature h3{font-size:19px;line-height:1.35;margin:12px 0}.feature p{color:var(--muted);font-size:14px;margin:0}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:22px}.pricecard{padding:32px;border:1px solid var(--line);border-radius:7px}.pricecard.premium{border-color:#8ea99a;background:#f9fbf9}.pricecard h3{margin:0 0 6px;font-size:23px}.pricecard .price{font-size:36px;letter-spacing:-.05em;font-weight:750;margin:18px 0}.pricecard p{color:var(--muted)}.pricecard .button{margin-top:15px}.articlegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.articlecard{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:white}.articlecard img{display:block;width:100%;height:165px;object-fit:cover}.articlecopy{padding:21px}.articlecopy span{font-size:11px;color:#5f796a;font-weight:700;letter-spacing:.1em}.articlecopy h3{font-size:18px;line-height:1.35;letter-spacing:-.015em;margin:11px 0}.articlecopy p{font-size:13px;color:var(--muted)}.articlecopy a{font-size:13px;font-weight:700;color:var(--accent)}.toolrow{border-top:1px solid var(--line);padding:21px 0;display:flex;gap:18px;align-items:center}.toolrow:last-child{border-bottom:1px solid var(--line)}.toolrow strong{display:block}.toolrow p{margin:0;color:var(--muted);font-size:14px}.toolrow .arrow{margin-left:auto;font-size:23px;color:var(--accent)}.chip{display:inline-block;padding:4px 9px;background:var(--soft);color:#33664c;font-size:11px;border-radius:3px;font-weight:650}.footer{background:#12392b;color:#f7fbf8;padding:44px 0 30px}.footergrid{display:flex;justify-content:space-between;gap:24px}.footer p,.footer a{color:#bfcec5;font-size:13px}.footlinks{display:flex;gap:20px;flex-wrap:wrap;align-content:start}.footer .logo span{color:#b4dec4}.legal{border-top:1px solid #36604c;margin-top:30px;padding-top:20px;font-size:12px;color:#bfcec5}.article{max-width:820px;margin:62px auto 100px;padding:0 28px}.article h1{font-size:clamp(35px,4vw,51px);line-height:1.15;letter-spacing:-.045em}.article h2{margin-top:35px;letter-spacing:-.02em}.article p,.article li{line-height:1.85}.article .intro{font-size:19px;color:#556a5d}.article .example{border-left:3px solid #3e8467;background:var(--surface);padding:18px 23px;margin:28px 0}.article .button{margin-top:12px}.article figure{margin:25px 0}.article figure img{width:100%;max-height:345px;object-fit:cover;border-radius:8px}.article .note{font-size:13px;color:var(--muted)}@media(max-width:800px){.links{gap:13px}.links .button{display:none}.herogrid,.twocol{grid-template-columns:1fr;gap:30px}.hero{padding:45px 0}.hero-photo{height:310px}.articlegrid,.smallgrid{grid-template-columns:1fr 1fr}.section{padding:52px 0}}@media(max-width:550px){.container{padding:0 18px}.nav{height:68px}.logo{font-size:22px}.links{gap:12px;font-size:12px}.links a:nth-child(3){display:none}.hero h1{font-size:40px}.stats,.articlegrid,.smallgrid,.pricing{grid-template-columns:1fr}.stat,.stat:first-child{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.stat:last-child{border:0}.hero-photo{height:250px}.photo-label{padding:12px;width:75%}.footergrid{flex-direction:column}.pricecard{padding:23px}}

/* Beta signup */
.beta-section{background:#eaf2eb}
.beta-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:66px}
.beta-form-card{background:#fff;border:1px solid #d2e1d6;border-radius:10px;padding:30px;box-shadow:0 14px 35px rgba(16,54,35,.05)}
.beta-form-card h3{font-size:24px;letter-spacing:-.03em;margin:17px 0 8px}
.beta-form-card>p{color:#52665b}
.beta-not-live{margin:20px 0;padding:18px;background:#f5f7f4;border-left:3px solid #607e69;border-radius:4px}
.beta-not-live strong{font-size:15px}
.beta-not-live p{margin:5px 0 0;font-size:13px;color:#607367}
@media(max-width:800px){.beta-layout{grid-template-columns:1fr;gap:24px}}

/* ImmoZiffer visual identity */
.logo{display:inline-flex;align-items:center;line-height:1}
.brand-logo{display:block;width:205px;max-width:100%;height:auto}
.footer .brand-logo{background:white;border-radius:4px;padding:3px;width:182px}
@media(max-width:550px){.brand-logo{width:155px}}
.beta-section{scroll-margin-top:20px}

/* Mobiles Menü (ohne JavaScript) */
.navtoggle{position:absolute;opacity:0;pointer-events:none}
.burger{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:6px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.links a[aria-current="page"]{color:var(--accent)}
@media(max-width:900px){
  .siteheader{position:relative}
  .burger{display:flex}
  .links{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(10,40,25,.08);flex-direction:column;align-items:stretch;gap:0;padding:8px 0 16px;font-size:15px}
  .links a{padding:12px 28px}
  .links a:nth-child(3){display:block}
  .links .button{display:flex;margin:10px 28px 0}
  .navtoggle:checked~.links{display:flex}
  .navtoggle:checked+.burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .navtoggle:checked+.burger span:nth-child(2){opacity:0}
  .navtoggle:checked+.burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .navtoggle:focus-visible+.burger{outline:3px solid #72bda5;outline-offset:3px}
}
@media(max-width:550px){.links a{padding:12px 18px}.links .button{margin:10px 18px 0}}
/* Rechtstexte */
.legaltext h2{font-size:22px;margin-top:34px}
.legaltext h3{font-size:17px;margin:22px 0 6px}
.legaltext p,.legaltext li{color:#33463c}
.legaltext address{font-style:normal;line-height:1.8}
.legaltext a{color:var(--accent);text-decoration:underline}

/* Beta-Anmeldeformular */
.beta-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.beta-label{font-size:14px;font-weight:650}
.beta-form input[type=email]{width:100%;font:inherit;padding:12px 14px;border:1px solid #bfd0c4;border-radius:6px;color:var(--ink);background:#fff}
.beta-form input[type=email]:focus{outline:3px solid #72bda5;outline-offset:1px;border-color:var(--accent)}
.beta-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#41574a;cursor:pointer}
.beta-check input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--accent)}
.beta-check a{color:var(--accent);text-decoration:underline}
.beta-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.beta-form .button{cursor:pointer;font:inherit;font-weight:650;margin-top:4px}
.beta-form .button:disabled{opacity:.6;cursor:wait}
.beta-hint{background:var(--surface);border-left:3px solid #607e69;padding:10px 12px;border-radius:4px;margin:4px 0 0;line-height:1.5}
.beta-success{display:none;margin-top:20px;padding:18px;background:#eaf2eb;border-left:3px solid var(--accent);border-radius:4px}
.beta-success strong{font-size:16px;color:var(--accent)}
.beta-success p{margin:6px 0 0;font-size:14px;color:#33463c}
.beta-success:focus{outline:none}

/* Ratgeber: 4 Karten */
@media(min-width:801px){.articlegrid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1001px){.articlegrid{grid-template-columns:repeat(4,1fr)}}
.articlecard img[src$=".svg"]{object-fit:contain;background:#eaf2eb}