/* Grundlayout */
 body {
     font-family: sans-serif;
     background: #fdfdfd;
     color: #111;
     margin: 0;
     padding: 0;
     line-height: 1.6;
 }
 
 /* Header */
 header {
     padding: 20px;
     border-bottom: 2px solid #ddd;
 }
 
 header h1 {
     margin: 0;
     font-size: 2rem;
 }
 
 .subtitle {
     margin: 4px 0 0;
     color: #666;
 }
 
 /* Blogeinträge */
 main {
     padding: 20px;
     max-width: 800px;
     margin: auto;
 }
 
 article {
     margin-bottom: 40px;
 }
 
 .date {
     font-size: 1.1rem;
     margin-bottom: 10px;
     color: #333;
     border-left: 4px solid #333;
     padding-left: 8px;
 }
 
 /* Footer */
 footer {
     text-align: center;
     padding: 15px;
     margin-top: 40px;
     border-top: 1px solid #eee;
     color: #555;
 }
 
 /* Mobile Responsiveness */
 @media (max-width: 600px) {
     body {
         font-size: 1rem;
         padding: 0;
     }
 
     header h1 {
         font-size: 1.6rem;
     }
 
     main {
         padding: 15px;
     }
 }