/* 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;
    position:relative;
}

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

#header .container {background-image:url(/Seiten/Indian-Curry-Hallwang/Bilder/Transparent.40.png);border-radius:20px;border:solid #e4dbca 3px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-bottom-width:0px;padding:0 5px;}
body > .container {border:solid #e4dbca 3px;border-top-width:0px;border-bottom-width:0px;margin-top:55px;padding:0 5px;}
#header #flyer {width:100%;height:1px;position:absolute;margin-top:-200px;}
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;}


#header #header_hero {}
#header #header_hero img {width:100%;height:auto;}

.TopLogo {float:left;width:100%;text-align:center;margin-top:-2px;}
.TopLogo h1 {text-shadow: 2px 2px #ddd;color:#777;margin-bottom:0px;padding-bottom:0px;font-size:39px;line-height:39px;}
.TopLogo h2 {text-shadow: 2px 2px #ddd;color:#000;margin-bottom:0px;padding-bottom:0px;font-size:19px;line-height:19px;margin-top:0px;}
.TopLogo img {margin-top:-20px;}

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

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

.Foody-Pannel {
  width:100%;
  float:left;
  border:solid #e4dbca 3px;
  background:#eee;  
  text-align:center;
  margin:10px 0;
  text-shadow: 2px 2px #ddd;color:#777;
  text-decoration: none;
}

.Foody-Pannel img {padding:15px;}
.Foody-Pannel {font-family: 'Josefin Sans', sans-serif;font-size:30px;}
.Foody-Pannel a , .PaymentIcons a {text-shadow: 2px 2px #aaa;color:#777;text-decoration: none;}

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

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

.easybox a {color:#777;}

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

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

#Header_Hotline {position:relative;left:31%;top:20px;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);}
#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:#777;
}

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

#Pgnav {float:left; width:100%; text-align:center;margin-top:10px;}

#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 a {
  font-family: 'Josefin Sans', sans-serif, cursive;
  text-shadow: 2px 2px #aaa;color:#777;  
  font-size: 25px;
  display: block;
  padding: 30px 20px;
  position: relative;
  text-align: center;
  text-decoration:none;
  text-transform: uppercase;

  -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 {
  text-align:center;
    margin: 0;
    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;

    -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: 1200px) 
  {
  h1 , .TopLogo h1 { font-size: 40px;}
  #header #flyer {margin-top:-150px;}  
  body > .container {margin-top:80px;}
  .easybox , .Foody-Pannel {font-size:25px;}

  #Pgnav {margin-top:16px;}
  #Pgnav a  {font-size: 28px; padding: 10px 15px;}
  #Pgnav ul ul a {font-size: 28px; padding: 10px 15px;}

  footer nav ul li a {font-size:18px;}

  }

@media (max-width: 979px) 
  {

  #Pgnav {float:left;}

  h1 , .TopLogo h1 { font-size: 32px;}
  #header #flyer {margin-top:-100px;} 
  body > .container {margin-top:170px;} 
  .easybox  , .Foody-Pannel {font-size:18px;}    

  #Pgnav ul ul a {font-size: 5px; padding: 4px 8px;}  

  footer nav ul li a {font-size:16px;}  

  
  }

@media (max-width: 768px)
  {
  #header #flyer {position:relative;}
  #Pgnav {float:left;
    ;}    
  body > .container {float:left;margin-top:auto;}  
  #header ,
  #header_hero  {float:left;}
  }