@media only screen and (min-width: 1000px){
body {
    background-size: cover;
    background-attachment: fixed;
    margin:0px; padding:0px;
}  
/* unifrakturcook-700 - latin */
@font-face {
  font-family: 'UnifrakturCook';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/unifrakturcook-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/unifrakturcook-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/unifrakturcook-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/unifrakturcook-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/unifrakturcook-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/unifrakturcook-v19-latin-700.svg#UnifrakturCook') format('svg'); /* Legacy iOS */
}
* {
    font-family: sans-serif;
}
h1, h2 {
    font-family: 'UnifrakturCook', cursive;
}

 
#shadow {
    position:fixed; z-index:200; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.75);
    text-align:center;
    padding-top:5%;
}
.imgCt {
    background-color: antiquewhite;
    padding:10px; display:inline-block;
    position:relative;
}
.galerieImg {
    max-width:800px;
}
.closeBtn {
    background-color: darkred; font-weight: bold; cursor:pointer; color:white;
    padding:2px 10px; display:inline-block; position:absolute; top:10px; right:10px;
}
.fwdBtn {
    background-color: rgba(0,0,0,0.5); font-size:24px; font-weight: bold; cursor:pointer; color:white;
    padding:20px 10px; display:inline-block; position:absolute; top:50%; right:10px;
}
.bwdBtn {
    background-color: rgba(0,0,0,0.5); font-size:24px; font-weight: bold; cursor:pointer; color:white;
    padding:20px 10px; display:inline-block; position:absolute; top:50%; left:10px;
}
#header {
    position: fixed; top:0px; left:0px; right:0px; z-index:100;
    background-image:url(bilder/holz.png);
    height:100px;
    background-size: cover;
    text-align: center;
    padding:10px;
}
#footer {
    background-image:url(bilder/holz.png); background-size: cover;
    width:100%; height:50px;
    position: fixed; bottom:0px; left:0px; right:0px;
}

#footer a {
    font-size: 16px; color:white; text-decoration:none; 
    padding: 5px 10px; display:inline-block;
}
.centerCt {
    width: 800px; margin:auto;
}

#topMenu {
    background-color: rgba(0,0,0,0.5);
    position: fixed; top:120px; left:0px; right:0px; z-index:80;
}
#topMenu > .menu {
    width: 800px; margin:auto;
}

#topMenu > .menu > .menuItem{
    display: inline-block; padding:20px 10px; 
}

#topMenu > .menu > .menuItem > a {
    font-family: 'UnifrakturCook', cursive;
    font-size: 30px; color:white; text-decoration:none; width:100%; height:100%;
}

#mainContent {
    width: 800px; margin:auto;
    padding:10px;
    margin-top: 200px;
    margin-bottom: 60px;
    background-color: rgba(253,249,235,0.85);
    border-radius: 10px;
}
#contentFlex {
                background-image: url(bg/content.png);
                background-size: cover;
                width: 800px; height:125px; box-sizing: border-box;
                
            }
#contentTop {
                background-image: url(bg/contentTop.png);
                background-size: cover;
                width: 800px; height:125px; box-sizing: border-box;
                
            }
            
            #contentBottom {
                background-image: url(bg/contentBottom.png);
                background-size: cover;
                width: 800px; height:125px; box-sizing: border-box;
                
            }
            
            
            .ritter {
                position:absolute; width:160px; left:50%; margin-left:-580px;
            }      
            
            .sandwich {
                display:none;
    }
}      

@media only screen and (max-width: 999px) {
    body {
        background-size: cover;
    background-attachment: fixed;
    margin:0px; padding:0px;
    }
    * {
    font-family: sans-serif; font-weight:small;
}
    #header {
        position:fixed; top:0px; z-index:100;
        background-image:url(bilder/holz.png);
        width:100%; height:10%;
        background-size: cover;
        text-align: center;
        padding:0px;
    
    }
    .sandwich {
        position:absolute; bottom:0px; left:0px; color:white;
    }
    
    .bar1, .bar2, .bar3 {
  width: 25px;
  height: 4px;
  background-color: white;
  margin: 6px 0;
  /*transition: 0.4s;*/
}
    .ritter {
        height:90%; margin-right:5%; display:inline-block;
    } 
    
    .logo {
        height:40%; display:inline-block;
    }
    
    #topMenu {
        background-color: rgba(0,0,0,0.5);
        position: fixed; top:10%; left:0px; right:0px; z-index:100;
        display:none;
    }
    #topMenu > .menu {
        
    }

    #topMenu > .menu > .menuItem{
        display: block; padding:0px 10px; 
    }
    
    #topMenu > .menu > .menuItem > a {
    font-family: 'UnifrakturCook', cursive;
    font-size: 30px; color:white; text-decoration:none; width:100%; height:100%;
    }
    #mainContent {
    width: 90%; 
    padding:5px;
    margin:auto;
    margin-top: 15%;
    background-color: rgba(253,249,235,0.85);
    border-radius: 5px;
}

#footer {
    background-image:url(bilder/holz.png); background-size: cover;
    width:100%;
    position: fixed; bottom:0px; left:0px; right:0px;
}

#footer a {
    font-size: small; color:white; text-decoration:none; 
    padding: 5px 10px; display:inline-block;
}

#shadow {
    position:fixed; z-index:200; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.75);
    text-align:center;
    padding-top:0%;
}
.imgCt {
    background-color: antiquewhite;
    padding:2px; display:inline-block;
    position:relative;
}
.galerieImg {
    max-width:80%;
    max-height:600px;
}
.closeBtn {
    background-color: darkred; font-weight: bold; cursor:pointer; color:white;
    padding:2px 10px; display:inline-block; position:absolute; top:10px; right:10px;
}
.fwdBtn {
    background-color: rgba(0,0,0,0.5); font-size:24px; font-weight: bold; cursor:pointer; color:white;
    padding:20px 10px; display:inline-block; position:absolute; top:50%; right:10px;
}
.bwdBtn {
    background-color: rgba(0,0,0,0.5); font-size:24px; font-weight: bold; cursor:pointer; color:white;
    padding:20px 10px; display:inline-block; position:absolute; top:50%; left:10px;
}


}