/* ImmoUpside Design 2026 "Hannover im Sommer": gemeinsame Ebene für alle Unterseiten.
   Wird nach dem seiteneigenen <style> geladen und überschreibt Schrift, Farben, Kopf- und Fußzeile. */
:root{
  --paper:#F7F9FA;--paper-2:#EEF2F4;--ink:#0F1B24;--ink-2:#3E4C56;--ink-3:#7C8891;--line:#DDE3E7;
  --patina:#3B7864;--patina-dark:#2F6353;
  --f:"Archivo",system-ui,-apple-system,sans-serif;
  --iu-accent:#3B7864;--iu-dot:#4F8F79;--iu-bg:#F7F9FA;--iu-bg2:#EEF2F4;--iu-line:#DDE3E7;--iu-ink:#0F1B24;--iu-font:"Archivo",system-ui,sans-serif;
}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--f);background:var(--paper);color:var(--ink);font-variant-numeric:tabular-nums}
body,p,li,td,th,input,select,textarea,button,label{font-family:var(--f)}
p,li{font-weight:400;color:var(--ink-2);overflow-wrap:break-word}
strong,b{font-weight:600;color:var(--ink)}
h1,h2,h3,h4{font-family:var(--f);font-weight:400;font-stretch:108%;letter-spacing:-.022em;color:var(--ink)}
h1{font-weight:300;font-stretch:112%;letter-spacing:-.03em;line-height:1.06}
.content>h1,.hero h1{font-size:clamp(2.1rem,4.2vw,3.2rem)}
h1 em,h2 em{font-style:normal;font-weight:inherit!important;color:inherit!important}   /* kein farbiges Akzentwort */
h3{font-weight:500}
.eyebrow,.more-label{font-family:var(--f);font-weight:500;letter-spacing:.1em;color:var(--ink-3)}
.intro{font-weight:400;color:var(--ink-2)}
a{text-underline-offset:3px}

/* Kopfzeile wie auf der Startseite */
header.top{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 4vw;background:rgba(247,249,250,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line)}
header.top .logo{font:600 1.3rem/1 var(--f);font-stretch:112%;letter-spacing:-.02em;text-decoration:none;color:var(--ink);display:inline;gap:0}
header.top .logo b{font-weight:600;color:var(--patina)}
header.top .nav{position:static;display:flex;align-items:center;gap:26px;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:.92rem}
header.top .nav a{text-decoration:none;color:var(--ink-2)}
header.top .nav a:hover,header.top .nav a[aria-current]{color:var(--ink)}
@media(max-width:560px){header.top .nav{gap:18px}header.top .nav .hide-s{display:none}}
.scroll-progress{background:var(--patina)!important;height:2px}

/* Karten, Knöpfe: eckiger und ruhiger */
.cta-card{border-radius:4px!important;background:var(--patina)!important;box-shadow:0 24px 56px -28px rgba(15,27,36,.45)!important}
.cta-card h3{font-family:var(--f);font-weight:400;font-stretch:108%}
.cta-btn,.btn,.cta{border-radius:2px!important}
.cta-btn{background:#fff!important;color:var(--ink)!important;font-weight:500}
.cta-btn:hover{transform:none!important;background:var(--paper-2)!important}
.hint-card{border-radius:4px!important;background:var(--paper-2)!important;border:1px solid var(--line)!important;border-left:3px solid var(--patina)!important}
.more{border-top-color:var(--line)}
.more a{color:var(--patina)}

/* Fußzeile wie auf der Startseite */
footer.site{display:block;text-align:left;padding:3.5rem 0 4.5rem;border-top:1px solid var(--line);margin-top:4rem;font-size:.9rem;color:var(--ink-2);background:none}
footer.site .wrap{width:min(1180px,92vw);margin:0 auto}
footer.site .f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
footer.site h4{font:500 .72rem var(--f);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.8rem}
footer.site ul{list-style:none;padding:0;margin:0}
footer.site li{margin:.3rem 0;font-size:.9rem}
footer.site a{text-decoration:none;color:var(--ink-2)}
footer.site a:hover{color:var(--ink)}
footer.site .logo{display:inline;gap:0;text-decoration:none;font:600 1.3rem/1 var(--f);font-stretch:112%;letter-spacing:-.02em;color:var(--ink)}
footer.site .logo b{color:var(--patina);font-weight:600}
footer.site p{font-size:.9rem;margin:.8rem 0 0}
footer.site .credits{margin-top:2.4rem;font-size:.76rem;color:var(--ink-3);max-width:60rem}
@media(max-width:760px){footer.site .f-grid{grid-template-columns:1fr 1fr}}