/* Reset */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* Hintergrund */
body{
    font-family: Arial, Helvetica, sans-serif;
    background: linear-gradient(135deg,#e3f2fd,#f4f6f9);
    color:#333;
    line-height:1.6;
    padding:40px 20px;
}

/* Header */
header{
    text-align:center;
    margin-bottom:60px;
}

h1{
    font-size:2.8rem;
    color:#1e2a38;
}

/* Hauptbereich */
main{
    max-width:1100px;
    margin:auto;
}

/* Abschnitt */
.content{
    margin-bottom:70px;
}

/* Bild Reihen */
.image-row{
    display:flex;
    justify-content:center;
    gap:25px;
    flex-wrap:wrap;
    margin-bottom:25px;
}

/* Bilder */
img{
    width:100%;
    max-width:450px;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,0.15);
    transition:transform 0.3s ease, box-shadow 0.3s ease;
}

/* Einzelbild */
.single-image{
    display:block;
    margin:0 auto 25px auto;
    max-width:550px;
}

/* Video */
video{
    display:block;
    margin:0 auto 25px auto;
    width:100%;
    max-width:650px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.2);
    transition:transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover Effekt */
img:hover,
video:hover{
    transform:scale(1.03);
    box-shadow:0 14px 40px rgba(0,0,0,0.25);
}

/* Textbox */
p{
    max-width:850px;
    margin:auto;
    font-size:1.1rem;
    background:white;
    padding:22px;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
}