/* Ofenhaus Mainspitze – responsive and accessibility refinements, draft only */
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }
.ohm-main img { max-width: 100%; }
.ohm-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ohm-holzherd-card > .ohm-card-photo { display:block; }
.ohm-holzherd-card .ohm-card-photo img { display:block;width:100%;height:100%;object-fit:contain; }
.ohm-brand-shortcuts { background:#eef2e5;border-bottom:1px solid #d9ded5;padding:16px 0; }
.ohm-brand-shortcuts .ohm-wrap { display:flex;flex-wrap:wrap;align-items:center;gap:8px; }
.ohm-brand-shortcuts a { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;border:1px solid #c8d3bc;border-radius:24px;color:#173d34;background:#fff;text-decoration:none;font-size:14px;font-weight:700; }
.ohm-brand-shortcuts a:hover,.ohm-brand-shortcuts a:focus-visible { background:#173d34;color:#fff; }
.ohm-brand-shortcuts strong { font-size:13px;margin-right:8px; }
@media(max-width:560px){.ohm-brand-shortcuts strong{width:100%}.ohm-brand-shortcuts a{font-size:13px;padding:7px 12px}.ohm-feature-grid{grid-template-columns:1fr}}
/* Originales Logo im Header, 7. November 2026 */
.ohm-site-header { background: #fff; }
.ohm-header .ohm-logo { display: block; flex: 0 1 340px; width: clamp(220px, 28vw, 340px); }
.ohm-header .ohm-logo img { display: block; width: 100%; max-width: 340px; height: auto; }
@media (max-width: 600px) { .ohm-header .ohm-logo { flex: 0 1 280px; width: min(68vw, 280px); } }

.ohm-footer-links { display: flex; flex-wrap: wrap; gap: 12px 28px; padding: 4px 0 24px; font-size: 15px; }
.ohm-footer-links a { color: inherit; text-underline-offset: 4px; }
.ohm-main a, .ohm-main button { overflow-wrap: anywhere; }
.ohm-main :focus-visible, .ohm-mobile summary:focus-visible { outline: 3px solid #cf4e25; outline-offset: 4px; }
@media (max-width: 560px) { .ohm-service-strip { flex-wrap: wrap; } .ohm-feature-grid { grid-template-columns: 1fr; } .ohm-category-links { flex-wrap: wrap; } .ohm-category-links a { flex: 1 1 100%; } .ohm-brand-grid { grid-template-columns: 1fr; } .ohm-brand-grid a, .ohm-brand-grid a:last-child { grid-column: auto; margin-right: 0; } .ohm-footer-bottom { flex-wrap: wrap; gap: 15px; } .ohm-footer-bottom nav { flex-wrap: wrap; } }
