/* CSS Document */
/*Farben 
rgb(238,227,198) beige hell
rgb(209,195,157) beige mittel
rgb(153,139,101) beige dunkel
rgb(97,99,76) dunkelgrün
rgb(122,124,101) dunkelgrün heller

rgb(168,63,62) rot für Links
rgb()
rgb()
*/

/*änderungen an den Original-Klassen und IDs ===========================================*/
@media (min-width: 768px) {/* original   768px*/
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 750/*970*/px;
  }
}
@media (min-width: 1200px) { /* original   1170px*/
  .container {
    width: 750/*1170*/px;
  }
}

body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;/*"Helvetica Neue", Helvetica, Arial, sans-serif*/
  font-size: 15px/*14px*/;
  line-height: 1.42857143;
  color: #333;
  background-image:url(../grafik/rahmen_body_1.png);
  background-repeat:no-repeat;
  background-position: center 50px;
  background-color: /*rgb(238,227,198)*/rgb(209,195,157);
}

@media (max-width: 910px) {  /*ist die Breite der Hintergrundgrafik, die dann verschwindet*/
body {
	background-image: none;	
}
			
}

.container {
	background-color: /*rgb(209,195,157)*/rgb(238,227,198);
	padding-left:0;
	padding-right:0;
}

.container .row{
	margin-left:0px;
	margin-right:0px;
}

/*.navbar {
  min-height: 50px;
}
*/
.navbar {
	background-color: rgb(97,99,76);
	border:none;
	border-radius: 0px;	
}
/*Farben für aktiven Menülink*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: rgb(122,124,101) /*#e7e7e7*/;
}


.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: rgb(97,99,76)/*#e7e7e7*/;
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 8px/*15px*/; /*Innenabstand der Menüpunkte*/
    padding-bottom: 8px/*15px*/;
  }
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 8px/*15px*/ 15px; /*oberer und unterer Abstand des ERSTEN Menüpunktes (home)*/
  font-size: 18px;
  line-height: 20px;
}

/* 3 Balken des Menüsybols*/

.navbar-default .navbar-toggle {
  border-color: rgb(238,227,198)/*#ddd*/;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgb(153,139,101)/*#ddd*/;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: rgb(238,227,198);
}



H1, H2, H3, H4, H5, H6 {
	color: rgb(97,99,76)
}

h1, .h1 {
  font-size: 24px/*36px*/;
}
h2, .h2 {
  font-size: 18px/*30px*/;
}
h3, .h3 {
  font-size: 18px/*24px*/;
}
h4, .h4 {
  font-size: 18px/*18px*/;
}
h5, .h5 {
  font-size: 14px/*14px*/;
}
h6, .h6 {
  font-size: 12px/*12px*/;
}

/*ENDE   änderungen an den Original-Klassen und IDs =========================================*/


a:link {
	font-weight:normal;
	color:rgb(168,63,62);
	text-decoration:none;
}
a:visited {
	font-weight:normal;
	color:rgb(168,63,62);
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:underline;
}
a:focus {
	font-weight:normal;
	color:rgb(168,63,62);
	text-decoration:none;
}
a:focus { outline: none;} /* aktive textlinks ohne rahmen vom browser*/


a[href^="tel:"] {
	font-weight:bold;
   
}



/*Eigene Klassen und IDs ====================================================================*/


#logo {
	padding: 10px 15px;
	max-width: 750px;
	margin: 30px auto;
	margin-bottom:0;
	/*background-color: red;*/	
}

#logo div {
	text-align:center;	
}

#logo div img {
	max-width: 550px;	
}

@media (max-width: 910px) { /*ist die Breite der Hintergrundgrafik, die dann verschwindet und das Logo bekommt volle Breite*/
#logo div img{                           /*gleiche Werte wie Klasse img-responsive*/
	display: block;
  	max-width: 100%;
  	height: auto	
}

}


#banner {

}

/* fuss=======================================================================================*/

.fuss {
	background-color: rgb(97,99,76);
	color: rgb(209,195,157);
}

.fuss p{
	margin-top: 1.0em;
}

.fuss a{
	color: rgb(209,195,157);
}

.fuss .fuss_spalte_1 {
	
}

.fuss .fuss_spalte_2 {
	font-size:1.0em;
	font-weight:bold;
  text-align:center	
}

.fuss .fuss_spalte_3 {
	text-align:right;	
}


@media (max-width: 768px) {/*rechte Spalte mobil linksbündig, sinst rechtbündig*/
  .fuss .fuss_spalte_2 {
    text-align: left;
  }
    .fuss .fuss_spalte_3 {
    text-align: left;
  }
}

/* fuss ENDE===================================================================================*/


.rahmen_1 {
	border: 1px solid rgb(97,99,76);
	padding: 4px;
	background-color: rgb(238,227,198);
	border-radius: 3px;
}

.liste_1 {
	padding-left:1.0em;
}


.preisliste {
	max-width:400px;
}
.preisliste span{
	float:right;
}


.stark_1 {
	font-weight:bold;	
}

.bildunterschrift {
	font-size:0.8em;
	position:relative;
	top:-20px;
	
	
}


/*Eigene Klassen und IDs ENDE====================================================================*/