body{
    margin:0;
    background:#000;
    color:#ddd;

    font-family:Arial, Helvetica, sans-serif;

    font-size:clamp(16px, 1.2vw, 22px);

    line-height:1.7;
}

.container{
    width:90%;
    max-width:1100px;
    margin:auto;
    padding:40px 20px;
}

.site-header{
    text-align:center;
    padding:80px 20px;
}

h1,h2,h3{
    color:#fff;
}

a{
    color:#ff4444;
    text-decoration:none;
}

a:hover{
    color:#ffffff;
}

section{
    margin-bottom:80px;
}

blockquote{
    font-size:1.4rem;
    font-style:italic;
    border-left:4px solid #666;
    padding-left:20px;
}

.site-footer{
    text-align:center;
    padding:40px;
    border-top:1px solid #222;
}

body{
    background-image:url('images/bckgronds/ende_table.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    background-attachment:fixed;
}
h1{
    font-size:clamp(32px, 5vw, 72px);
}

h2{
    font-size:clamp(24px, 3vw, 42px);
}

h3{
    font-size:clamp(20px, 2vw, 30px);
}