diff --git a/src/assets/main.css b/src/assets/main.css index cdaa06c..ef2b07c 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,8 +1,8 @@ @import "primeicons/primeicons.css"; -/* 1. VARIABLEN (Design Tokens) */ +/* 1. Variables (Design Tokens) */ :root { - /* Farben */ + /* Colors */ --primary-color: #00CC99; --panel-color: #333647; --border-color: #333647; @@ -12,19 +12,19 @@ --text-light: #EAEAEA; --white: #ffffff; - /* Abstände */ + /* Spacing */ --spacing-sm: 0.5rem; --spacing-md: 1rem; --spacing-lg: 2rem; --container-max-width: 1200px; - /* Sonstiges */ + /* Misc */ --border-radius: 8px; --transition: all 0.3s ease; --shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } -/* 2. RESET & BASIS-STLYES */ +/* 2. RESET & BASIC-STLYES */ * { margin: 0; padding: 0; @@ -43,13 +43,13 @@ body { -webkit-font-smoothing: antialiased; } -/* Bilder responsiv machen */ +/* Image-responsivenes */ img { max-width: 100%; display: block; } -/* 4. TYPOGRAFIE */ +/* 4. TYPOGRAPHY */ h1, h2, h3 { margin-bottom: var(--spacing-md); line-height: 1.2;