/* MaxContentSEO — Design-System, Port „Variante B" (finaler Stand 2026-07-09).
   Quelle: claude.ai/design (DesignSync a6ef4719…). Fonts self-hosted (DSGVO, kein Google-CDN).
   Element-Styling ist bewusst inline (Canvas-Herkunft); diese Datei = @font-face + Basis +
   generierte :hover/:focus-Klassen aus den Prototyp-`style-hover`/`style-focus`-Attributen. */

/* ---- Self-hosted fonts (Figtree Text/UI · Lora Headlines · Geist Mono Labels/Zahlen) ---- */
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/figtree-latin-400.woff2') format('woff2');}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/figtree-latin-500.woff2') format('woff2');}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/figtree-latin-600.woff2') format('woff2');}
@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/lora-latin-500.woff2') format('woff2');}
@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/lora-latin-600.woff2') format('woff2');}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/assets/fonts/geist-mono-latin-var.woff2') format('woff2');}

/* ---- Basis (aus Design-Quelle: <helmet><style>) ---- */
html { scroll-behavior: smooth; }
  body { margin: 0; background: #26241F; color: #FAF7F2; font-family: 'Figtree', system-ui, sans-serif; font-size: 17px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
  @keyframes blinkCaret { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
  [id] { scroll-margin-top: 84px; }
  [data-menu-panel] { opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s; }
  [data-menu]:hover > [data-menu-panel], [data-menu]:focus-within > [data-menu-panel], [data-menu][data-open="true"] > [data-menu-panel] { opacity: 1; visibility: visible; transform: translateY(0); }
  [data-burger] { display: none; }
  [data-mobile-panel] { display: none; }
  nav[data-mobile-open="true"] [data-mobile-panel] { display: block; }
  [data-mobile-panel] summary::-webkit-details-marker { display: none; }
  @media (max-width: 950px) {
    [data-nav-desktop] { display: none !important; }
    [data-burger] { display: inline-flex !important; }
  }
  @media (min-width: 950.02px) { [data-mobile-panel] { display: none !important; } }
  @media (max-width: 900px) {
    [data-problem-grid] { grid-template-columns: 1fr !important; }
    [data-problem-grid] > div { grid-column: auto !important; grid-row: auto !important; }
  }

/* ---- Hover-/Focus-Zustände (aus style-hover/style-focus des Prototyps) ---- */
.h0:hover{color:#FAF7F2;}
.h1:hover{color:#FAF7F2; background:rgba(250,247,242,0.06);}
.h2:hover{background:#A94F30;}
.h3:hover{border-color:#FAF7F2;}
.h4:hover{background:#A94F30; border-color:#A94F30; transform:translateY(-1px); box-shadow:0 4px 20px rgba(196,99,63,0.35);}
.h5:hover{border-color:#C4633F;}
.h6:hover{background:#FFFFFF;}
.h7:hover{transform:translateY(-1px); box-shadow:0 4px 20px rgba(38,36,31,0.35);}
.h8:hover{background:#A94F30; transform:translateY(-1px); box-shadow:0 4px 16px rgba(196,99,63,0.3);}
.f0:focus{outline:none; border-color:#C4633F;}