/* base.css — typography, body, global */ /* Google Fonts wird per im jeder HTML-Seite geladen (kein @import hier) */ body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #faf8f3; color: #2e2820; line-height: 1.6; } h1,h2,h3,h4,h5,h6 { line-height: 1.2; } a { text-decoration: none; } /* icons */ .icon { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; } .icon-lg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; } /* fade-in scroll animation */ .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; } .fade-in.visible { opacity: 1; transform: translateY(0); } /* wrapper */ .wrapper { display: flex; flex-direction: column; min-height: 100vh; }