*{
box-sizing:border-box;
}

body{
margin:0;
font-family:Arial, sans-serif;
color:#4a3b4f;

background-image:url("2.jpg");
background-size:cover;
background-position:center -140px;
background-repeat:no-repeat;
}


/* TITEL */

.title{
text-align:center;
margin-top:80px;
}

.title h1{
font-size:52px;
color:#7a4aa3;
margin:0;
}

.title h2{
font-size:24px;
color:#6a4c7d;
margin-top:10px;
font-weight:300;
}


/* HEADER */

header{
max-width:900px;
margin:100px auto 0 auto;
}


/* MENU */

.menu{
width:100%;
padding:20px;
background:rgba(255,255,255,0.80);

border-radius:12px 12px 0 0;

text-align:center;
}

.menu a{
margin:0 25px;
text-decoration:none;
font-weight:500;
color:#6a4c7d;
font-size:18px;
}


/* CONTENT */

.content{
max-width:900px;
margin:0 auto 120px auto;
padding:50px;

background:rgba(255,255,255,0.8);

border-radius:0 0 12px 12px;

line-height:1.8;
font-size:18px;
text-align:left;
}


/* BUTTON */

.button{
display:inline-block;
margin-top:30px;
padding:15px 35px;

background:#7a4aa3;
color:white;

text-decoration:none;

border-radius:8px;
font-size:18px;
}

.button:hover{
background:#6a3d91;
}


/* LIST */

ul{
text-align:left;
line-height:1.8;
}


/* FOOTER */

footer{
text-align:center;
padding:30px;
}

.footer-text{
font-size:11px;
color:#777;
}