/* Technische Korrekturen und ausdrücklich freigegebener größerer Alt-/Neu-Vergleich. Die archivierte Originaldatei bleibt unverändert. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:104px}
a:focus-visible,button:focus-visible{outline:3px solid #b82031;outline-offset:5px}.letterbox{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}.letterbox .close{position:sticky;float:right;top:0;margin:-16px -12px 0 12px;min-width:44px;min-height:44px;background:#f4efe4}.letterbox{scrollbar-width:thin}.history-menu{display:none}.history-project-link{display:none}
@media(min-width:1001px){.letterbox .close{position:absolute;float:none;top:18px;right:26px;margin:0;background:none;min-width:0;min-height:0}.letterbox:before{position:absolute;display:block}.letterbox{scrollbar-width:auto}}
@media(max-width:1000px){header{background:#101416;color:#f0f2f2;border-bottom:2px solid #b82031;backdrop-filter:none;-webkit-backdrop-filter:none}.nav{gap:18px}.brand{min-width:0}.brand img{max-height:72px;width:auto;max-width:205px;object-fit:contain}.history-menu{display:block;margin-left:auto;border:1px solid #59636a;background:#20272b;font-size:24px;min-width:48px;min-height:48px;color:#fff;border-radius:6px}.links.open{display:flex;position:absolute;top:92px;left:0;right:0;max-height:calc(100dvh - 92px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;padding:20px 4vw;background:#141a1e;color:#f0f2f2;border-bottom:1px solid #41494e;box-shadow:0 16px 28px rgba(0,0,0,.3)}.links.open a{padding:12px 0;min-height:44px;color:#f0f2f2;border-bottom:1px solid rgba(255,255,255,.09)}.links.open a.active{color:#fff}.links a.active:after{bottom:8px;background:#b82031}.links.open .history-project-link{display:block;color:#fff;background:#b82031;padding:13px 14px;margin-top:10px}.project{margin-left:0;color:#f1858f}.split>*,.heroin>*,.featuregrid>*,.certinner>*,.floodgrid>*,.designhead>*,.certproof>*{min-width:0}.certchapter h2{overflow-wrap:anywhere}}
@media(max-width:640px){.project{display:none}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.fact{padding:26px 18px;min-width:0}.fact span{overflow-wrap:anywhere}.certinner,.floodgrid,.designhead{grid-template-columns:minmax(0,1fr)}.prooftext,.certquote{overflow-wrap:anywhere}.letterbox{max-height:calc(100dvh - 32px)}.letter{padding:16px}.letterbox .small{margin-right:22px}.heroimg,.photo,.bigphoto{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:640px){.certchapter p{overflow-wrap:anywhere}}
/* Dekorative Jahreszahl darf den vorhandenen Vorwort-Button nicht blockieren. */
.hero:before{pointer-events:none}

/* Ausdrücklich gewünschte Korrektur des Alt-/Neu-Vergleichs (23.09.2026). */
.logocompare{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.logobox{min-width:0;min-height:0;padding:24px;justify-content:flex-start}
.logobox .visual{flex:none;padding:0;margin:20px 0 12px;background:#f0eadf}
.logobox .visual img,.logobox.old .visual img{display:block;width:100%;height:460px;max-height:none;object-fit:contain;object-position:center}
.logobox h3{font-size:34px}
.logobox p{font-size:15px;line-height:1.7}
@media(max-width:900px){
  .logocompare{grid-template-columns:minmax(0,1fr);gap:24px}
  .logobox{padding:18px}
  .logobox .visual img,.logobox.old .visual img{height:auto;max-height:none}
  .logobox h3{font-size:30px}
}
.whatsapp-contact{padding:24px 4vw;background:#1d4133;color:white;text-align:center;font-family:Inter,sans-serif;font-size:16px;font-weight:700}.whatsapp-contact a{display:inline-block;padding:8px}

/* Originaler Neuhaus-Schriftzug mit Straßen-N. */
header .brand img.neuhaus-wordmark{width:235px;height:auto;max-width:100%;object-fit:contain}header .brand-row{display:block}header .brand-sub{margin-top:8px}
@media(max-width:640px){header .brand img.neuhaus-wordmark{width:185px;height:auto}header .brand-sub{font-size:8px}}

/* Nutzerwunsch: beide Pferdemotive im Auftakt, Gespann vollständig im Rahmen. */
.heroimg .b{height:auto;aspect-ratio:3/2;width:66%}.heroimg .b img{display:block;object-fit:contain}
@media(max-width:640px){.heroimg .b{height:auto;width:74%;aspect-ratio:3/2}}
@media(max-width:640px){.heroimg .note{font-size:24px;padding:12px 14px;top:4%;right:0}}
