/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/josefin-sans-v25-latin/josefin-sans-v25-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}



header, footer {
    margin:0;
    background:#eee;   

}
header {
    border:solid #e4dbca 3px;
    border-top-width:0px; 
    border-right-width:0px;
    border-left-width:0px;
    height:122px;
}

footer {    border:solid #e4dbca 3px;
    border-bottom-width:0px; 
    border-right-width:0px;
    border-left-width:0px;
    font-family: 'Josefin Sans', sans-serif, cursive;
  }

footer nav , footer nav ul ,   footer nav a ,  footer nav ul li a  , footer p   , footer .address p a ,footer .foodyfoot ,footer .foodyfoot a,
footer nav ul {color:#444;}
 


#Products , #Products h2 {font-family:"Helvetica Neue", Helvetica, Arial, Sans;}

.TopLogo {float:left;z-index:1;margin-left:-18px;height:5px;}
.TopLogo img {}

.DelEntry {width:45% !important;float:left;background:#E8E8E8;margin-right:1%;margin-top:1%;padding:2%;border-radius:5px;}
.DelEntry p {margin:0px;padding:0px;}

.GMaps {min-height:400px;width:100%;margin-top:10px;}



.Page_Hotline .phone {text-shadow: 2px 2px #aaa;color:#777;}

.easybox , .OpeningTimes {width:92%;text-align:center;padding:2%;  border:solid #e4dbca 3px;
          background:#eee;  margin:2%;border-radius:0px;text-shadow: 2px 2px #aaa;color:#777;
          font-family: 'Josefin Sans', sans-serif, cursive;font-size:35px;
        }

.easybox a {text-decoration:none;color:#777;}

.OpeningTimes {font-size:25px;}
.OpeningTimes table td {padding:5px 15px;}

.Foody-Pannel {height:1px;position:relative;width:100%;top:-180px;width:92%;text-align:center;padding:2%;            
          margin:2%;border-radius:20px;text-shadow: 2px 2px #aaa;color:#fff;
          font-family: 'Josefin Sans', sans-serif, cursive;font-size:45px;display:block;}

.PaymentIcons img {float:left;margin-left:10px;}

.tagline {text-align:center;color:#333;border-color:#e4dbca;text-shadow: 2px 2px #aaa;color:#777;}

#Header_Hotline {float:left;margin-top:20px;margin-left:-10px;width:190px;height:80px;border:solid #222 3px;font-size:25px;text-align:center;font-family: 'Josefin Sans', sans-serif;
                text-shadow: 2px 2px #aaa;color:#777;
                transform: rotate(5deg);background:#eee;}
#Header_Hotline div {position:absolute;width:100%;height:100%;}
#Header_Hotline div a {text-decoration:none;font-family: 'Josefin Sans', sans-serif, cursive;position:relative;
                          text-shadow: 2px 2px #aaa;color:#777;}

h1,
h2,
h3 {
  font-family: 'Josefin Sans', sans-serif;
  text-transform:none;
  color:#333;
}

h1 { font-size: 52px; color:#333;}

#Pgnav { float: right;width:60%;}

#Pgnav > ul { margin: 0; }
#Pgnav li {
  position: relative;
  float: right;
  list-style: none;
  margin: 0;
  z-index: 99;
}

#Pgnav a {
  font-family: 'Josefin Sans', sans-serif, cursive;
  text-shadow: 2px 2px #aaa;color:#777;  
  font-size: 25px;
  display: block;
  padding: 20px 10px;
  position: relative;
  text-align: center;
  text-decoration:none;
  text-transform: uppercase;
  z-index: 98;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

#Pgnav a:hover, #Pgnav .hover > a, #Pgnav .current > a {background: #000; color: #fff;text-shadow: 2px 2px #777;}

/* Dropdown */

#Pgnav ul ul {
    margin: 0;
    z-index: 99;
    display: none;
    left: 0px;
    padding: 5px 0;
    position: absolute;
    top: 78px;
    width: 200px;
    background: #fff;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
       -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
            box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
}

#Pgnav ul ul li { float: none; }

#Pgnav ul ul a {
    border: 0;
    color: #2f2f2f;
    display: block;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    padding: 10px 20px;
    text-align: left;
    text-transform: none;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 99;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#Pgnav ul ul a:hover, #Pgnav ul ul .hover > a, #Pgnav ul ul .current > a, #Pgnav ul ul .current > a:hover {
    background: #FFBE00;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
       -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    color: #fff;
}

#Pgnav ul ul .current:after { display: none; }

/* Sub Dropdown */

#Pgnav ul ul ul {
    left: -198px !important;
    top: 4px !important;
}

.mobile-nav {
    display: none;
    width: 100%;
    padding:10px;
}



@media (max-width: 1199px) 
  {

  .Foody-Pannel {font-size:34px;}
  .Foody-Pannel img {width:65px;height:auto;}

  #Pgnav {float:left; width:100%; text-align:center;}
  #Pgnav > ul { margin: 0; width:100%;text-align:center;}
  #Pgnav li {
    position: relative;
    list-style: none;
    margin: 0;
    display:inline-block;
          *display:inline; /*IE7*/
          *zoom:1; /*IE7*/
          }    
  #Pgnav , #Pgnav ul , #Pgnav ul ul ,  #Pgnav ul ul li , #Pgnav a {font-size:22px;}
  #Header_Hotline {float:right;}   
  .tagline {font-size:37px;}

  }
@media (max-width: 979px) 
  {
  #Pgnav , #Pgnav ul , #Pgnav ul ul ,  #Pgnav ul ul li {font-size:18px;}
  .Foody-Pannel {font-size:24px;}
  .Foody-Pannel img {width:35px;height:auto;}  
  }