/* === Google Fonts Einbindung (entweder im deiner HTML-Datei oder via @import in CSS) === */ /* Alternativ über: https://fonts.google.com */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Kanit:ital,wght@1,500;1,600&family=Montserrat:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap'); @import url('https://fonts.googleapis.com/css2?family=ABeeZee&display=swap'); /* === Grundlegende Typografie-Reset & Body Styling === */ body { font-family: 'ABeeZee', sans-serif; font-size: 16px; line-height: 1.8; /*color: #1a1a1a;*/ background-color: #ffffff; margin: 0; padding: 0; } /* === Überschriften (Headlines mit Kanit Italic) === */ h1, h2, h3 { font-family: 'Kanit', sans-serif; font-style: italic; font-weight: 600; margin-bottom: 0.5em; } body:has(.mk-dark-theme-selected) { color: #d9e6ee; } body:has(.mk-light-theme-selected) { color: #111; } @media (prefers-color-scheme: dark) { body:has(.theme-like-browser) { color: #d9e6ee; } h1, h2, h3 { color: #d9e6ee } } @media (prefers-color-scheme: light) { body:has(.theme-like-browser) { color: #111; } h1, h2, h3 { color: #111 } } h1 { font-size: 3rem; line-height: 1.2; } h2 { font-size: 2.25rem; line-height: 1.3; } h4 { font-size: 1.25rem; font-weight: 500; font-family: 'Kanit', sans-serif; font-style: italic; } h5 { font-size: 1rem; font-weight: 500; font-family: 'Kanit', sans-serif; font-style: italic; } /* === Navigation, Buttons oder UI-Labels mit Montserrat === */ .navbar, .btn, .label { font-family: 'Inter', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; } /* === Call-to-Action Button Beispiel === */ .btn { background-color: #007aff; color: white; padding: 0.75em 1.5em; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; } .btn:hover { background-color: #005ecb; } /* === Optional: Zitat-Styling === */ blockquote { font-style: italic; font-family: 'Inter', sans-serif; color: #555; border-left: 4px solid #ccc; margin: 1.5em 0; padding: 0.5em 1em; }