@font-face {
    font-family: 'cloisterblack_btregular';
    src: url('fonts/tt0757m_-webfont.eot');
    src: url('fonts/tt0757m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tt0757m_-webfont.woff2') format('woff2'),
         url('fonts/tt0757m_-webfont.woff') format('woff'),
         url('fonts/tt0757m_-webfont.ttf') format('truetype'),
         url('fonts/tt0757m_-webfont.svg#cloisterblack_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    background-color: #262626;
    font-family:'Franklin Gothic Medium', 'Helvetica', 'Calibri', 'sans-serif';
    font-size:100%;
    color:#e2e2e2;
    user-select:none;
    margin: 0;
    padding: 0;
    text-shadow: 3px 3px 1px #000000;
}
.mitte {
    display: flex;
    justify-content: center;
    align-items: center;
}
a:link, a:visited {
    color: #e2e2e2;
    text-decoration: none;
}
a:hover {
    color:#d8b800;
}
.entry-title {
    color: #d8b800;
}
h2 {
    color:#d8b800;
    font-size: 2em;
    font-family:'cloisterblack_btregular','Franklin Gothic Medium', 'Helvetica', 'Calibri', 'sans-serif';
    font-weight: 400;
    margin-left: 1.0em;
    text-shadow: 6px 6px 1px #000000;
    }
h3 {
    color:#ffffff;
    font-size: 1.5em;
    font-family:'cloisterblack_btregular','Franklin Gothic Medium', 'Helvetica', 'Calibri', 'sans-serif';
    font-weight: 200;
    margin-left: 1.0em;
    text-shadow: 4px 4px 1px #000000;
}
h4 {
    margin: 1.12em;
}
p {
    margin-left: 1.5em;
}
header {
    width: 100%;
    height: 100%;
    margin-top: 8px;   
}
header img {
    width: 80%;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}
nav {
    position: sticky;
    top: 0px;
    margin-top: 1em;
    margin-bottom: 2.5em;
    font-size: 1.5em;
    font-family:'cloisterblack_btregular','Franklin Gothic Medium', 'Helvetica', 'Calibri', 'sans-serif';
    backdrop-filter: blur(0.375em);
    text-shadow: 9px 9px 1px #000000;

}
nav ul, footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li a, footer ul li a {
    padding: 0.5em;
}
@media screen and (min-width: 800px) {
    nav ,nav ul {
        font-size: 2.0em;
    }
}
#teaser {
    width: 100%;
    height: 300px;
    margin-top: 2.5em;
    margin-bottom: 5em;
}
#teaser img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0em 1em 1em #000000;

}
@media screen and (min-width: 800px) {
    #teaser {
        height: 600px;
    }
}
#wall, #wall2 {
    width: 100%;
    height: 300px;
    margin-top: 2.5em;
    margin-bottom: 5em;
}
#wall img, #wall2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0em 1em 1em #000000;
}
@media screen and (min-width: 800px) {
    #wall, #wall2 {
        height: 600px;
    }
}
#wall3 {
    width: 75%;
    margin-top: 2.5em;
    margin-bottom: 5em;
}
#wall3 img {
    width: 100%;
    height: 100%;
    box-shadow: 1em 1em 1em #000000;
}
footer img {
    width: 30%;
    object-fit: cover;
    margin-top: 2.5em;
    margin-left: auto;
    margin-right: auto;
}
footer a:link, footer a:visited {
    color: #464646;
}
footer a:hover {
    color: #262626;
}