@font-face {
  font-family: 'Ubuntu';
  src: url('../../fonts/Ubuntu-Regular.ttf');
       
}
* {
    font-family: Ubuntu;
    color: white;
}


.overlay {
    margin: 0px; padding:10px; position: absolute; bottom:0px; left:0px; right:0px; background-color:rgba(0,64,0,0.5);
}

.contactButton204x22 {
    background-image: linear-gradient(to top, black 0%, green 50%);
    border: solid 1px; border-color: green green black black;
    margin: 2px; padding:5px 10px; border-radius:5px; cursor:pointer;
}
.invers * {
    color: rgb(64,64,64);
}
.netz {
    display:none; width:15%; border-radius:20%; background-color:white;
}
html  {
    height:100%;
}    
body {
    height:100%;
    background-color: rgb(0,0,0);
    background-image: url(bg/bg_main.jpg);
    background-size: 33%;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0px; margin:0px; 
}

#top {
    position: relative; border:solid red 0px; height:40px; text-align: right;
}

#aktuell {
    border-left: solid 3px lightgrey;
    padding: 20px; 
}

#mainWrapper {
    position:fixed; left:20%; right:20%; top:0px; bottom:0px;
    background-color: rgba(255,255,255,0.2);
}
#logoWrapper {
    max-width:1200px; margin: auto;
    
}
#logoWrapper img {
    width:50%; float:left;
    margin-bottom:20px; margin-right:20px;
}
#logoWrapper h2 {
    margin-top: 0px; color: darkgrey;
}
#logoWrapper h3 {
    margin-top: 0px; color: lightgreen;
}
#topMenuWrapper {
    max-width:1200px; margin:20px auto;
    clear: both;
}
#contentWrapper {
    
    position:absolute; left:5%; right:5%; top:0px; bottom:0px;
    background-color:rgba(255,255,255,0.2); 
    padding:30px;
    overflow:auto; box-sizing: border-box;
}

#content {
    position: relative; border: solid 1px green;
    top: 60px;
}

#frontpageWrapper {
    text-align:center; border:solid 1px right;   
}

#frontpage {
    
}

#leftColumn {
    text-align: left;
}
.speisekarteRubrik a {
    width:100%; text-decoration: none; color: white; background-color: rgb(0,0,128); display: block; padding: 2px 10px; font-size: smaller;
}

.speisekarteContent {
    background-color: rgb(245,245,245); padding:10px; text-align: left;
}

.slides {
  display: none;
  width: 100%;
}

.slides img {
  width: 100%; height:auto;
}
.animate-left {
  position: relative;
  animation: animateleft 0.8s
}

@keyframes animateleft { 
  from { left :-600px; opacity:0 } to { left:0; opacity:1 }
}