/* ===============================
   Grundlayout
   =============================== */

body{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, Ubuntu, sans-serif;
    background:#eef1f4;
    padding:40px;
    margin:0;
    color:#333;
}

.container{
    max-width:760px;
    margin:auto;
    background:#ffffff;
    padding:30px;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

/* ===============================
   Typografie
   =============================== */

p{
    font-size:0.9rem;
    line-height:1.6;
    margin:8px 0;
}

.intro{
    font-style:italic;
}

.date{
    margin-top:15px;
    font-size:0.75rem;
    color:#666;
}

/* ===============================
   Sektionen
   =============================== */

.section{
    background:#f7f9fb;
    padding:20px;
    border-radius:12px;
    margin-top:20px;
}

.center{
    text-align:center;
}

/* ===============================
   Bilder
   =============================== */

img{
    max-width:100%;
    height:auto;
    border-radius:10px;
}

.image-block{
    text-align:center;
    margin-bottom:20px;
}

/* ===============================
   Links
   =============================== */

a{
    color:#2a7fff;
    text-decoration:none;
    font-size:0.85rem;
}

a:hover{
    text-decoration:underline;
}

/* ===============================
   Footer
   =============================== */

footer{
    margin-top:40px;
    text-align:center;
    color:#666;
}