@font-face{
    font-family:'Jaapokki';
    src:url('fonts/jaapokkisubtract-regular.eot');
    src:url('fonts/jaapokkisubtract-regular.eot') format('embedded-opentype'),
    url('fonts/jaapokkisubtract-regular.woff') format('woff'),
    url('fonts/jaapokkisubtract-regular.ttf') format('truetype'),
    url('fonts/jaapokkisubtract-regular.svg') format('svg');
    font-weight:normal;
    font-style:normal
}

.main h1, .main h2, .main h3, .main h4, .main h5, .main h6 {
    font-family: "Jaapokki";
    color: inherit;
}



#header {
    background-color: #aa5500;
    color: rgba(255, 255, 255, 0.75);
    background-attachment: fixed, fixed, fixed;
    background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #770000 25%, #aa5500 50%, #bbaa00 75%);
    background-position: top left, center center, center center;
    background-size: auto, cover, cover;

}

#footer {
    z-index: 50;
    background-color: inherit;
    color: rgba(255, 255, 255, 0.75);
    box-shadow: 0px 0px 25px 10px #333;
    position: relative;

}


.main {
    position: relative;
    z-index: 100;
    background: #fff;
    -webkit-box-shadow: 0px 0px 25px 10px #333;
    -moz-box-shadow: 0px 0px 25px 10px #333;
    box-shadow: 0px 0px 25px 10px #333;
}

.main.style {
    z-index: 0;
    background-color: #333;
    color: rgba(255, 255, 255, 0.75);
/*    background-size: auto, cover;*/
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;

}
@supports (-webkit-touch-callout: none) {
    .main.style {
        background-attachment: scroll;
    }
}
.main.style0 {
    background-image: url("Bilder/m_hello.jpg");
    background-attachment: scroll;
}

.main.style1 {
/*    background-image: url("Bilder/m_P1080092.JPG");*/
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("Bilder/Mittel_DSC_4794.JPG");
/*    background-attachment: scroll;*/
}

.main.style2 {
    background-image: url("Bilder/m_P1040593.JPG");
}

.main.style3 {
/*    background-image: url("Bilder/m_P1070159.JPG");*/
    background-image: url("Bilder/Mittel_DSC_4760.JPG");

}

.main.style4 {
    background-image: url("Bilder/m_P1050141.JPG");
/*    background-image: url("Bilder/m_P1050141.JPG");*/
}

.main.style5 {
    background-image: url("Bilder/m_P1050933.JPG");
}

.main.style6 {
    background-image: url("Bilder/m_P1070347.JPG");
}

.main.style200 {
    font-family: "Jaapokki";
/*    background-image: url("Bilder/m_Ruhengeri_Sonnenaufgang.jpg");*/
/*    background-image: url("Bilder/Mittel_DSC_2229.JPG");*/
    background-image: url("Bilder/Mittel_DSC_0074.JPG");
}

.main.style300 {
    font-family: "Jaapokki";
/*    background-image: url("Bilder/m_Ruhengeri_Sonnenaufgang.jpg");*/
    background-image: url("Bilder/Mittel_DSC_2229.JPG");
}


.main.style h1, .main.style h2, .main.style h3, .main.style h4, .main.style h5, .main.style h6, .main.style strong, .main.style b, .main.style p {
    color: inherit;
}


.main.styleinter {
    z-index: 100000;
    background-color: white;
    height: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

.main .blank {
    margin-top: 40vH;
    margin-bottom: 40vH;
}

small {
    font-size: smaller;
}

blockquote emph {
    font-style: normal;
}