/* ===============================
   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;
}

h1,h2{
    font-weight:600;
}

.subtitle{
    font-size:0.9rem;
    color:#666;
}

.intro{
    font-style:italic;
}

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

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

.divider{
    border:none;
    height:1px;
    background:#ddd;
    margin:30px 0;
}

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

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

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

figcaption{
    font-size:0.75rem;
    color:#555;
    margin-top:6px;
}

/* ===============================
   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;
    font-size:0.8rem;
}