/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('../fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300italic - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'),
       url('../fonts/open-sans-condensed-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-weight: 700;
  src: url('../fonts/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('../fonts/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

/* kaushan-script-regular - latin */
@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kaushan-script-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Kaushan Script'), local('KaushanScript-Regular'),
       url('../fonts/kaushan-script-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/kaushan-script-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/kaushan-script-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/kaushan-script-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/kaushan-script-v8-latin-regular.svg#KaushanScript') format('svg'); /* Legacy iOS */
}
@media (max-width: 767px) {
  #sidebar {
    display: none;
  }
}
@media (min-width: 768px) {
  nav {
    display: none;
  }
  #sidebar-content {
    position: fixed;
    top: 30px;
		/* 4 cols - 33.3% - 256px */
		width: 246px;
  }
  .container {
    width: 768px;
  }
}
@media (min-width: 992px) {
  #sidebar-content {
		/* 3 cols - 25% - 245px */
		width: 235px;
  }
  .container {
    width: 980px;
  }
}

/* Fullscreen-Hintergrundbild */
html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(images/HGEichelkraut.jpg);
}
body {
	position: relative;
	background-color: transparent;
	font-family: "Open Sans Condensed", sans-serif;
	/* Standardschriftgröße von 18 Pixeln */
	font-size: 200%;
	color: #EFE1D2;
	text-align: left;
	/* force vertical scrollbar */
	overflow-y: scroll;
	/* Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
	-webkit-text-size-adjust: 100%;
}

/* Sidebar mit Logo und Navigation */

#logo {
    height: 100px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    vertical-align: bottom;
    background-color: rgb(112, 121, 128);
    background-color: rgba(54,8,8,0.70);
    font-family: 'Kaushan Script';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    padding-top: 5px;
}
#logo a {
    width: 100%;
    color: #EFE1D2;
    letter-spacing: 1px;
}
.facebook {
	width: 29px;
	height: 29px;

}
.facebookmob {
	text-align: center;
}
#nav {
  margin: 1em 0 0.75em 0;
	padding: 0;
  list-style-type: none;
  background: transparent;
  border: 0 none;
}
#nav ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#nav li {
  margin: 0 0 0.2em 0;
  padding: 0;
}
#nav a {
  display: block;
	line-height: 1.5em;
  padding: 3px 0px 3px 10%;
  text-decoration: none;
}
#nav a, #nav a:visited {
    color: #EFE1D2;
}
#nav li a {
	color: #EFE1D2;
	text-transform: uppercase;
	background-color: rgb(255, 255, 255);
	background-color: rgba(197,163,122,0.80);
	display: block;
}
#nav li a.facebook img {
  width: 27px;
}
#nav li:hover a, #nav .active a {
	background-color: rgb(255, 255, 255);
	background-color: rgba(54,8,8,0.70);
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
}
#nav li:hover a, #nav .active a {
    color: #EFE1D2;
    transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
}

/* Slides */
  
.slide {
  overflow: hidden;
  margin: 0 auto;
  min-height: 100%; 
  padding-top: 30px;
  background: transparent;
}
.slide-header {
    height: 100px;
    background-color: rgb(112, 121, 128);
    background-color: rgba(54,8,8,0.70);
    color: #EFE1D2;
}
.slide-content-container {
	margin-top: 1em;
	background-color: rgb(255, 255, 255);
	background-color: rgba(197,163,122,0.90);
	min-height: 500px;
}
.slide-content {
    padding-top: 2em;
    padding-right: 2em;
    padding-left: 2em;
    padding-bottom: 2em;
}
.slide-content p a {
    color: #EFE1D2;
    text-decoration: none;
}
.slide-content p a:hover, 
.slide-content p a:active, 
.slide-content p a:focus {
    color: #D38733;  /* Überschriften */
    text-decoration: none;
}
   .formularli {
	width: 80px;
	float: left;
	padding-right: 0px;
	padding-left: 40px;
  }
   .formularre {
	width: 100%;
	float: left;
	padding-left: 0px;
  }
.slide-content-containerkontakt {
	margin-top: 1em;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
	margin-left: 210px;
	background-image: url(images/kontakt-1233.jpg);
	background-repeat: no-repeat;
	min-height: 500px;
  }

#sidebar .col-sm-4,   
#sidebar .col-md-3,
#sidebar .col-lg-3,
#content-section .col-xs-12,
#content-section .col-sm-8,
#content-section .col-md-9,
#content-section .col-lg-9 {
	padding-left: 15px;
	padding-right: 15px;
}
hr {
	border-top: 1px solid rgba(54,8,8,1.0);
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin: 0;
}
h1 {
    font-size: 140%; /* 32px */
    color: #360808;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 140%;
    font-family: 'Kaushan Script';
    font-style: normal;
}
h2 {
    font-size: 150%; /* 32px */
    text-align: right;
    padding-right: 0.5em;
    padding-top: 2.3em;
    letter-spacing: 1px;
    text-transform: uppercase;
}
h3 {
  font-size:166.67%; /* 30px */
}
h4 {
    font-size: 133.33%;
    color: #D38733;
    margin-top: 10px;
    font-weight: bolder;
}
h5 {
    font-size: 111.11%; /* 20px */
    color: rgba(54,8,8,1.0);
    font-weight: 700;
    margin-top: 30px;
}
h6 {
	font-size: 80%; /* 18px */
	line-height: 150%;
}
 
/* Allgemeine Textauszeichnung */

div:target {
    outline: 0 none;
    width: 100%;
    background-color: rgba(54,8,8,0.70);
}
.preis {
	margin-top: 10px;
	text-align: center;
}

p {
    line-height: 1.5em;
    margin: 0.5em 0 0 0;
}
strong, b { font-weight: bold; }
em, i { font-style: italic; }
big {  font-size: 116.667%; }
small { font-size: 85.71%;  }

/* Links */

a {
    color: #EFE1D2;
    background: transparent;
    text-decoration: none;
}
a:active,
a:focus {
    outline: none;
    color: #360808;
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #360808;
}
li span a:hover {
	color: #888;
}
li span a:active {
	color: #888;
}
a img {
}

.text-center {
	text-align: center;
    }

/* Bilder */

img {
	border: 0 solid;
}
.img {
	margin-right: 10px;
}

.foodbild {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.flexible {
	margin-top: 1.5em;
	max-width: 100%;
	height: auto;
}
* html .flexible {  /* IE6 support */
	width: 98%;    /* 2% space for borders */
}

.bordered {
	margin-top: 1.5em;
	border: 2px #eee solid;
	border: 2px rgba(255,255,255,1) solid;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
	box-shadow: 0 0 3px rgba(0,0,0,.25);
}

/* Listen */

  ul, ol, dl {
   list-style-type: none;
    margin:0 0 2em 0; 
  }
  li {
   line-height:1.5em;
    margin: 0.5em 0;
  }
  ul.orange {
   list-style-type: disc;
   padding: 0;
   margin: 0.7em 0 0.7em 1em;
 }
 ul.orange li {
	color: #EFE1D2;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0em;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0.2em;
 }
 ul.orange li span {
   color: #EFE1D2;
 }
 
   ul.grey {
   list-style-type: circle;
   padding: 0;
   margin: 0.7em 0 0.7em 1em;
 }
 ul.grey li {
	color: #444;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0.5em;
 }

/* Tabellen */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background-color: #007fb5;
	color: #fff;
}
td {
    padding-left: 5px;
    text-align: left;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
	vertical-align: top;
}
td h5{
	text-align: center;
	color: #007fb5;
	padding-left: 5px;
	padding-right: 5px;
}
/* Mobile Navigation */

.navbar {
	-moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.5);
}
.navbar-fixed-top {
	border-width: 0;
	height:60px;
}
.navbar-brand {
    padding-bottom: 15px;
    padding-top: 15px;
    margin-top: -40px;
    font-family: 'Kaushan Script';
    font-style: normal;
    font-weight: 400;
    color: #EFE1D2;
}
/* Rahmenfarbe des Menu-Buttons */
.navbar-inverse .navbar-toggle {
    background-color: rgba(197,163,122,0.80);
}
/* Hoverfarbe des Menu-Buttons */
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: rgba(197,163,122,0.80);
}
/* Hintergrundfarbe des Menus */
.navbar-inverse {
    background-color: rgb(112, 121, 128);
    background-color: rgba(54,8,8,0.70);
}
/* Trenner zwischen Menubar und Menupunkten */
.navbar-inverse .navbar-collapse {
    border-color: #555;
    background-color: rgba(197,163,122,0.80);
}
/* Inaktiver Menupunkt */
.navbar-inverse .navbar-nav > li > a {
    color: #EFE1D2;
    background-color: rgba(54,8,8,0.70);
}
.navbar-inverse .navbar-nav > li > a:hover{
    color: #EFE1D2;
    background-color: rgba(54,8,8,0.40);
}
/* Aktiver Menupunkt */
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #EFE1D2;
    background-color: rgba(54,8,8,0.40);
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
	max-height: none;
}

@media (min-width:768px) and (max-width:1024px) {
	}
@media (max-width:767px)  {
   .slide-header {
	height: 60px;
	margin-top: 40px;
    }
   .slide-header h2 {
	font-size: 18px;
	padding-top: 2em;
    }
	.slide-content {
	padding: 1.5em 1.5em 0.5em 1.5em;  
    }
	.slide-content p {
    }
	.navbar-inverse .navbar-brand {
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 15px;
    color: #EFE1D2;
    font-size: 30px;
}

 }
/* handy quer */
@media (max-width:683px)  {
   .slide-header {
	height: 60px;
	margin-top: 40px;
    }
   .slide-header h2 {
	font-size: 18px;
	padding-top: 2em;
    }
	.slide-content {
	padding: 1.5em 1.5em 0.5em 1.5em;  
    }
	.slide-content p {
    }
	.navbar-inverse .navbar-brand {
    margin-top: 10px;
    margin-left: 0px;
    padding-top: 10px;
    color: #EFE1D2;
    font-size: 30px;
}

 }
@media  (max-width: 480px) {
	.slide-header {
	height: 40px;
	margin-top: 40px;
    }
	.slide-header h2 {
	font-size: 18px;
	padding-top: 1em;
    }
	.slide-content {
	padding: 1.5em 1.5em 0.5em 1.5em;  
    }
	.slide-content p {
    }
	.navbar-inverse .navbar-brand {
    margin-top: 10px;
    margin-left: 0px;
    padding-top: 10px;
    color: #EFE1D2;
    font-size: 24px;
}

}
/* handy hoch */
@media (max-width: 380px) {
	.slide-header {
	height: 40px;
	margin-top: 40px;
    }
   .slide-header h2 {
	font-size: 16px;
	padding-top: 1.2em;
    }
	.slide-content {
	padding: 1.5em 1.5em 0.5em 1.5em;  
    }
	.slide-content p {
    }
	.text-center p {
    }
    .navbar-inverse .navbar-brand {
    margin-top: 10px;
    margin-left: 0px;
    padding-top: 10px;
    font-size: 24px;
    color: #EFE1D2;
}

}