:root {
            --primary: #4a6741;
            --secondary: #f4f1ea;
            --text: #333;
            --accent: #d4a373;
        }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; color: var(--text); margin: 0; background: #fdfdfd; }
        .container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
        header { background: var(--primary); color: white; padding: 20px 0; }
        .logo__text { font-size: 1.8rem; font-weight: bold; color: white; text-decoration: none; }
        nav ul { list-style: none; padding: 0; display: flex; gap: 20px; }
        .menu__link { color: white; text-decoration: none; font-weight: bold; }
        .wrapper { display: flex; flex-direction: column; gap: 40px; padding: 40px 0; }
        .post { background: white; padding: 20px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 20px; }
        .thumbnail { width: 100%; height: 200px; background: #eee; display: flex; align-items: center; justify-content: center; color: #999; border-radius: 4px; margin-bottom: 15px; position: relative; overflow: hidden; }
        .thumbnail::after { content: 'Hunde-Liebe'; font-weight: bold; }
        .post__title a { color: var(--primary); text-decoration: none; }
        .sidebar { background: var(--secondary); padding: 20px; border-radius: 8px; }
        .widget__list { list-style: none; padding: 0; }
        .widget__item { margin-bottom: 10px; }
        .widget__link { color: var(--text); text-decoration: none; }
        footer { background: #333; color: white; text-align: center; padding: 20px; margin-top: 40px; }
        a { color: var(--accent); }
        @media (min-width: 768px) {
            .wrapper { flex-direction: row; }
            .primary { flex: 3; }
            .sidebar { flex: 1; }
        }