@font-face {font-family: 'Exo';font-style: normal;font-weight: 100;src: local(''),url('fonts/exo-v20-latin-100.woff2') format('woff2'),url('fonts/exo-v20-latin-100.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 200;src: local(''),url('fonts/exo-v20-latin-200.woff2') format('woff2'),url('fonts/exo-v20-latin-200.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 300;src: local(''),url('fonts/exo-v20-latin-300.woff2') format('woff2'),url('fonts/exo-v20-latin-300.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 400;src: local(''),url('fonts/exo-v20-latin-regular.woff2') format('woff2'),url('fonts/exo-v20-latin-regular.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 500;src: local(''),url('fonts/exo-v20-latin-500.woff2') format('woff2'),url('fonts/exo-v20-latin-500.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 600;src: local(''),url('fonts/exo-v20-latin-600.woff2') format('woff2'),url('fonts/exo-v20-latin-600.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 700;src: local(''),url('fonts/exo-v20-latin-700.woff2') format('woff2'),url('fonts/exo-v20-latin-700.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 800;src: local(''),url('fonts/exo-v20-latin-800.woff2') format('woff2'),url('fonts/exo-v20-latin-800.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: normal;font-weight: 900;src: local(''),url('fonts/exo-v20-latin-900.woff2') format('woff2'),url('fonts/exo-v20-latin-900.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 200;src: local(''),url('fonts/exo-v20-latin-200italic.woff2') format('woff2'),url('fonts/exo-v20-latin-200italic.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 300;src: local(''),url('fonts/exo-v20-latin-300italic.woff2') format('woff2'),url('fonts/exo-v20-latin-300italic.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 100;src: local(''),url('fonts/exo-v20-latin-100italic.woff2') format('woff2'),url('fonts/exo-v20-latin-100italic.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 400;src: local(''),url('fonts/exo-v20-latin-italic.woff2') format('woff2'),url('fonts/exo-v20-latin-italic.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 500;src: local(''),url('fonts/exo-v20-latin-500italic.woff2') format('woff2'),url('fonts/exo-v20-latin-500italic.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 600;src: local(''),url('fonts/exo-v20-latin-600italic.woff2') format('woff2'),url('fonts/exo-v20-latin-600italic.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 700;src: local(''),url('fonts/exo-v20-latin-700italic.woff2') format('woff2'),url('fonts/exo-v20-latin-700italic.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 800;src: local(''),url('fonts/exo-v20-latin-800italic.woff2') format('woff2'),url('fonts/exo-v20-latin-800italic.woff') format('woff');}
@font-face {font-family: 'Exo';font-style: italic;font-weight: 900;src: local(''),url('fonts/exo-v20-latin-900italic.woff2') format('woff2'),url('fonts/exo-v20-latin-900italic.woff') format('woff');}
html {
overflow-y:  scroll;
}
body {
margin:0;
padding:0;
height:100%;
font-family: 'Exo', Tahoma, Geneva, sans-serif;
font-size: 1.2em;
line-height: 1.4em;
color:#000;
background-color:#fff;
}
.clear, .clear2 {
clear:both;
}
.website {
position:relative;
margin:0;
padding:0 0 10px 0;
background-color:#fff;
}
/* Navi */
#naviwrap{position: }
#navi-mobil{
display:none;
}
#navi, #navi-mobil {
z-index: 2;
text-align:right;
position:fixed;
top:0;
right:0;
width:auto;
background-color:#fff;
background: rgba(255,255,255,0.6);
}
#navi .fas{ 
margin-right: 3px;
}
#navi ul{ 
padding: 0;
margin: 0;
}
#navi ul li {
display: inline;
text-align:center;
text-decoration:none;
}
#navi ul li a {
font-weight:500;
font-size: 1.3em;
line-height: 1.6em;
padding: 0 10px 0 10px;
margin: 0 5px 0 5px;
color: #5a8f1f;
white-space:nowrap;
}
#navi ul li a:hover,
#navi ul li.active a { 
color: #b30f02;
}
#subnavi {
display:none;
width:auto;
margin:0 auto 0 auto;
position:fixed;
line-height: 1.1em;
background-color:#fff;
background: rgba(255,255,255,0.6);
z-index: 5;
top: 45px;
right:0;
}
#subnavi ul{ 
list-style:none;
margin:0;
padding:0;
}
#subnavi li { 
padding:0;
margin:0;
}
#subnavi ul li ul {
margin: 10px 0 10px 0;
}
#subnavi ul li a {
padding: 0 25px 0 25px;
display:block;
color: #5a8f1f;
text-transform: uppercase;
text-align:right;
text-decoration:none;
font-size:1.1em;
line-height: 2em;
border-bottom: #b30f02 solid 2px;
}
#subnavi ul li a:hover, #subnavi ul li.rex-active a, #subnavi ul li.rex-current a { 
color:#b30f02;
}
#subnavi li li {
float:none;
}
#subnavi ul.rex-navi2 li a,
#subnavi ul.rex-navi2 rex-normal li a {
color: #5a8f1f;
font-size:1em;
text-transform: none;
padding:4px 10px 4px 10px;
}
#subnavi ul.rex-navi2 li a:hover, #subnavi ul.rex-navi2 li.rex-active a, #subnavi ul.rex-navi2 li.rex-current a { 
color:#e3000f;
}
/* Vollbildbereiche */
.textblock, .footertext, .speisekarte {
width:50%;
margin:0 auto 0 auto;
}
.video-bg {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: -1000;
}
.kopfbild {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: 100vh;
z-index: -1000;
margin: 0;
background-size: cover;
}
.start {
background-position:center;

}
.fullpage {
position:relative;
height:100vh;
}
.startlogo {
position:absolute;
width: 100%;
top:35%;
text-align:center;
}
.startlogo img {
width: 30%;
}
.seite {
background-position:center -20vh;
}
.halfpage {
position:relative;
height:50vh;
}
.pagelogo {
position:fixed;
width: 300px;
top:10px;
left:10px;
z-index: 1;
}
.mittelbild {
height:50vh;
background-position: center;
background-size:cover;
background-attachment:fixed;
}
.footerbild {
min-height:50vh;
background-size:cover;
background-position: center top;
display: flex; 
flex-direction: column; 
justify-content:center;
}
.footertext {
padding:0;
display: flex;
flex-wrap: wrap;
justify-content:center;
}
.footerbox {
display: flex; 
flex-direction: column; 
justify-content:center;
text-shadow:1px  1px 1px #000,1px -1px 1px #000,-1px  1px 1px #000,-1px -1px 1px #000;
width: 50%;
margin:0;
color:#fff;
text-align:center;
}
/* Textformate*/
a {
color: #5a8f1f;
text-decoration:none;
font-weight:600;
}
a:hover, #fusszeile a:hover {
color:#b30f02;
}
:link,:visited {
text-decoration:none;
}
h1 {
margin:0;
font-size: 1.6em;
line-height: 1.3em;
font-weight:600;
text-align:center;
color:#5a8f1f;
padding:20px 10px 10px 10px;
}
h2 {
text-align:center;
color: #b30f02;
font-size:1.3em;
line-height: 1.4em;
font-weight:600;
margin: 20px 15px 15px 15px;
}
h3 {
font-size:1.1em;
line-height: 1.3em;
font-weight:600;
text-align:center;
color: #5a8f1f;
margin: 10px 15px 8px 15px;
}
hr {
margin: 15px 15px 10px 15px;
border: 0;
border-top: 2px solid #bb0427;
}
p {
margin:15px;
}
p strong{
font-weight:600;
}
.file { text-align:center;}
.textblock ul {
line-height:1.4em;
margin:0 0 0 20px;
padding:0px;
list-style-type: disc;	
}
.textblock ol {
line-height:1.4em;
margin:10px 10px 0px 40px;
padding:0px;
list-style-type: decimal;
}
.textblock li {
margin:15px;
}
#fusszeile {
text-align:center;
color: #000;
background-color:#5a8f1f;
padding: 5px;
}
#fusszeile p {margin:0;}
#fusszeile a{color: #fff;font-weight:600;}
#fusszeile .fab{
margin: 10px 0 0 15px;
}
#fusszeile p img {
margin: 5px 10px 10px 10px;
vertical-align: middle;
}
#kontaktspalte img{
margin-top: 5px;
}
.schmal {display:none;} 
/* Textboxen  */
.boxwrapper {
display: flex;
flex-wrap: wrap;
max-width:50%;
margin:0 auto 0 auto;
}
.wrap {
margin:0;
}
.breit {
width: 100%;
}
.halb {
width: 50%;
}
.drittel {
width: 33.3%;
}
.viertel {
width: 25%;
}
.box {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin: 0 10px 0 10px;
text-align:center;
}
.boxwrapper-rg {
width:100%;
margin:20px auto 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#rg-s5,#delivery_bage_1 {margin: 15px;}
.speiseliste {text-align:center;line-height:2.5em;}
.speiseliste a{
color:#fff;
background-color:#5a8f1f;
padding: 5px 10px 5px 10px;
margin: 5px;
white-space: nowrap;}
.speiseliste a:hover{color:#000;}
.speisekarte {
display: grid;
grid-template-columns: 70px auto 100px;
margin:0 auto 10px auto;}
.speisekarte p {margin:0 10px 0 10px;}
.preis {text-align:right;}
.vegan {font-style: italic;color: #088102;}
/* Bilder */
img {
max-width: 100%;
height: auto;
border:0;
}
.pics {line-height:0; margin-bottom: 20px}
.pics img{width: 33%;}
.picgalerie a:hover img {
outline: 5px solid #bb0427;
outline-offset: -5px;
}
.einzelbild {
text-align:center;
}
.pleft {
float: left;
margin: 0 10px 8px 0;
}
.pright {
float: right;
margin: 0 0 8px 10px;
}
.pnormal {
clear: both;
margin-bottom: 5px;
}
#matomo-opt-out {
background:#fff;
padding: 15px;
}
@media only screen and (min-width:176px) and (max-width:1020px) {
#navi-mobil {
display:block;
}
#navi-mobil a#navbutton2{
display:block;
color: #5a8f1f;
bottom:5px;
padding: 15px 5px 5px 5px;
text-align:center;
font-size:1.5em;
font-weight:500;
line-height: 24px;
}
#navi-mobil a#navbutton2:hover {
color: #b30f02;
}
#navi {
display:none;
float:left;
position: absolute;
z-index:100;
width: 220px;
background:rgba(8,129,2,0.7);
}
.pagelogo {
position:relative;
max-width: 80%;
}
}
@media only screen and (min-width:801px) and (max-width:1600px) {
.startlogo img {
width: 50%;
}
.pagelogo {
position:relative;
}
.textblock, .footertext, .speisekarte {
width:80%;
}
.boxwrapper {
max-width:80%;
}
}
@media only screen and (min-width:176px) and (max-width:800px) {
.startlogo img {
width: 80%;
}
.seite {
background-size: auto 65vh;
background-position:top;
}
.mittelbild {
height:50vh;
background-size:auto 50vh;
background-repeat:no-repeat;
background-attachment:scroll;
}
.footerbox {
width: 100%;
}
.textblock, .footertext, .speisekarte {
width:100%;
}
.boxwrapper {
max-width:100%;
}
.box {
height: auto;}
.textbox {
width: 100%;
}
.left, .right {
float: none;
}
.speisekarte {
grid-template-columns: 45px auto 100px;
}
.bild {
width:100%;
text-align:center;
}
.bild img{
width:100%;
}
.pleft, .pright, .pnormal {
float: none;
margin: 0;
max-width: 100%;
}
.left , .right {
float: none;
}
.clear {
display:none;
}
.pics img{
width: 50%;
}
#fusszeile .fab{
margin: 10px;
}
.schmal {display:inherit;}
}
@media only screen and (min-width:176px) and (max-width:850px) {
.halb, .drittel, .viertel {width: 100%;}
}
@media only screen and (min-width:800px) and (max-width:1216px) {
.pics img{width: 33.33%;}
}
@media only screen and (min-width:401px) and (max-width:799px) {
.pics img{width: 50%;}	
}
@media only screen and (min-width:176px) and (max-width:400px) {
.pics img{width: 100%;}
}