/* Ergänzungen für die statische Weiche auf ortho-graefelfing.de.
   Basis ist stil.css aus dem Prototyp „fein“. Schriften liegen lokal, keine Verbindung zu Google. */

@font-face{font-family:'Manrope';src:url('fonts/Manrope-VariableFont_wght.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible Next';src:url('fonts/atkinson-hyperlegible-next-v7-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible Next';src:url('fonts/atkinson-hyperlegible-next-v7-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* Kopfzeile scrollt mit (ohne Skript kein Wechsel auf hellen Hintergrund) */
.hdr{position:absolute}

/* Kopfzeile wie auf Staging: Marke in Versalien */
.brand-n{font-family:var(--text);font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.mark{width:22px;height:22px;border-width:5px;border-color:currentColor}
.mark::after{display:none}
.hdr-note{font-size:13px}

/* Hero-Text der Weiche */
.hero-weiche .h1{font-size:clamp(40px,5.6vw,80px)}
.hero-weiche .lead{color:var(--on-dark-2);font-size:clamp(16px,1.25vw,18px);line-height:1.6;max-width:600px}
.hero-weiche .lead+.lead{margin-top:20px}
.hero-weiche .btn-row{margin-top:36px}
.btn-navy{background:var(--primary);color:#fff}
.btn-navy:hover{background:#fff;color:var(--navy)}
.btn-navy:hover .ar{background:var(--navy);color:#fff}

/* Karten: Fotos quadratisch, damit die Porträts nicht beschnitten werden */
.door-media{aspect-ratio:1 / 1}
.door-pic img{object-position:center 20%}
.door .eyebrow{margin-top:6px}

/* Fußzeile */
.ftr-legal a{text-decoration:none}

/* Rechtliche Seiten */
.rtext-hero{padding-bottom:clamp(48px,6vw,80px)}
.rtext-hero .h1{font-size:clamp(40px,5vw,72px)}
.rtext{max-width:760px;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(72px,9vw,120px)}
.rtext h2{font-family:var(--display);font-weight:400;font-size:clamp(22px,2vw,26px);line-height:1.25;letter-spacing:-.02em;color:var(--navy);margin:48px 0 12px}
.rtext h2:first-child{margin-top:0}
.rtext h3{font-family:var(--text);font-weight:700;font-size:17px;color:var(--ink);margin:28px 0 8px}
.rtext p,.rtext ul{margin:0 0 14px}
.rtext ul{padding-left:22px}
.rtext li{margin-bottom:6px}
.rtext a{text-decoration:underline;text-underline-offset:3px}
.rtext .stand{margin-top:48px;color:var(--muted);font-size:15px}

/* 404 */
.notfound .btn-row{justify-content:center}

@media (max-width:760px){
  .hdr-note{display:none}
}