/*
rot: 				376E31
brown: 				622221
gold: 				E5C770
hintergrund-gelb: 	FFFADB




border:0px solid #152558; 

*/
@font-face {
 	font-family:'FontAwesome';src:url('../../include/fonts/fa-solid-900.eot');
	src:url('../../include/fonts/fa-solid-900.eot') format('embedded-opentype'),
	url('../../include/fonts/fa-solid-900.woff2') format('woff2'),
	url('../../include/fonts/fa-solid-900.woff') format('woff'),
	url('../../include/fonts/fa-solid-900.ttf') format('truetype'),
	url('../../include/fonts/fa-solid-900.svg') format('svg');
}
@font-face {
    font-family: 'Asap';
    src: url('../../include/fonts/Asap-Regular.eot');
    src: url('../../include/fonts/Asap-Regular.eot?#iefix') format('embedded-opentype'),         
         url('../../include/fonts/Asap-Regular.woff') format('woff'),
         url('../../include/fonts/Asap-Regular.ttf') format('truetype'),
         url('../../include/fonts/Asap-Regular.svg#asap_regular') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
}
@font-face {
    font-family: 'Hammersmith';
    src: url('../../include/fonts/HammersmithOne-Regular.eot');
    src: url('../../include/fonts/HammersmithOne-Regular.eot?#iefix') format('embedded-opentype'),         
         url('../../include/fonts/HammersmithOne-Regular.woff') format('woff'),
         url('../../include/fonts/HammersmithOne-Regular.ttf') format('truetype'),
         url('../../include/fonts/HammersmithOne-Regular.svg#asap_regular') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
}



body 		{padding-top:0px;padding-bottom:20px;background-color:#222125;font-family: 'Asap';background-image: linear-gradient(to bottom, #222125, #444444);}

.navbar 	{margin:auto;margin-bottom:20px;margin-top:20px; }




.container.gold				{background-color:#E5C770;border-radius:15px;padding:30px;margin-left:-10px;border:0px solid #E5C770;background-image: linear-gradient(to bottom, #E5C770, #FFFADB);}

.container .bannero 		{margin:0px 0px 0px 0px;margin:auto;text-align:center;} /*  */
.container .bannero .logo	{display:block;width:140px;height:184px;margin:auto;margin-top:10px;background:url(../images/Namaste_Restaurant_Planegg.png);background-repeat:no-repeat !important;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.container .banneru 		{width:100%;color:#E5C770;margin:0px 0px 0px 0px;bottom:0px;float:left;border-top:1px solid #444;padding:5px 0px 0px 0px;}


.clearfix:after {content: " "; clear:both;display:block;visibility:hidden;height:0px; }
.clear 			{clear:both; }




h1 			{font-family: 'Hammersmith';font-size:2.6em;margin:30px 0px 30px 0px;color:#9A3F33;text-shadow:0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.3);text-transform:uppercase;}
h2 			{font-family: 'Hammersmith';font-size:1.8em;margin:0px 0px 10px 0px;color:#376E31 !important;font-weight:normal;text-shadow:0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.3);}

/* für Bild-Unterschriften als Headline */
h4			{font-family:arial,helvetica,tahoma;margin:-55px 0px 6px 0px;color:#fff;font-size:1.2em;font-weight:bold;padding:4px 0px 3px 4px;text-shadow:0 0 4px #000, 0 1px 1px rgba(0,0,0,0.3);background-color:#E5C770;}


p			{font-size:1em;color:#333333;margin:0px 0px 20px 0px;font-family: 'Asap';}

a			{color:#376E31;text-decoration:underline;}
a:hover		{color:#000000;text-decoration:underline;}



.btn			{background-color:#376E31;text-decoration:none;border:none;}
.btn:hover		{background-color:#333333;text-decoration:none;}
.btn:focus		{background-color:#333333;text-decoration:none;}


.row .col-md-4			{}
.row .col-md-4 img		{width:100%;height:auto;margin:0px 0px 10px 0px;} 
.row .col-md-8			{}




.navbar-default			{width:99%;border:none;border-top:4px solid #376E31;border-bottom:4px solid #376E31;background-color:#622221;}

#navbar						{margin:0px 0px 0px 0px;}
#navbar	ul	a 				{color:#dddddd !important;margin:0px 0px 0px 0px;text-transform:uppercase;font-family:'Hammersmith';font-weight:normal;letter-spacing:1px;font-size:1.2em;text-decoration:none;}
#navbar	ul	a:hover 		{color:#E5C770 !important;}
#navbar	ul li.active a		{color:#fff !important;background-color:#376E31;}




.col-sm-3	img	{width:100%;height:auto;margin:0px 0px 30px 0px;border-radius:6px;-webkit-box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);-moz-box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.13);box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.13);}


.jumbotron				{background-color:#FCECB9;transition: transform 2s ease, opacity .5s ease-out;}

.jumbotron div.redbox			{padding:8px 8px 8px 20px;color:#152558;border:3px solid #ff0033;border-radius:8px;-webkit-box-shadow: 3px 2px 4px -1px rgba(0,0,0,0.23);-moz-box-shadow: 3px 2px 4px -1px rgba(0,0,0,0.23);box-shadow: 3px 2px 4px -1px rgba(0,0,0,0.23);}
.jumbotron div.redbox p,h2,h3	{color:#152558;}







.carousel 						{width:100%;margin:0px 0px 0px 0px;border-radius:5px;}
.carousel-inner					{width:100%;border-radius:5px;}
.carousel .item 				{width:100%;height:220px;background-repeat:no-repeat;background-repeat:no-repeat !important;background-position: center 0px;background-size: 100% auto;-o-background-size: 100% auto;-webkit-background-size: 100% auto;background-position: center 0px;}
.carousel .carousel-indicators	{margin-bottom:-20px !important;float:left !important;border:0px solid #376E31;}









/* Gallery Thumbnails */


.gthumb			{max-width:176px;max-height:180px;margin:0px 10px 10px 0px;border-radius:3px;}

@media only screen and (min-width : 1024px) { /* mind. wenn pc */
	.gthumb:hover	{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;text-decoration:none;}
}


/*  (hn) */
.col-md-4 img {border-radius:6px;}

/* Bilder innerhalb dieses Divs automatische Breite... */
.autob	img {width:100%;max-width:1140px;;height:auto;}







/* icons */
.ic 			{display:inline-block;width:15px;height:15px;color:#000;font-family:FontAwesome;margin:0px;font-size:15px;line-height:15px;padding:8px 20px 0px 0px;border:0px solid #ff0033;}
.ic.pfr:after	{content:"\f061";} /* Pfeil nach vorne */





/* Goolge-Map */
.gmap iframe	{width:1138px;}






/* Telefon-Butt: newsletter-butt */
.nl-butt				{width:135px;height:100px;position:fixed;top:40px;right:0px;float:right;-z-index:100;padding:5px 0px 6px 0px;background-color:#E5C770;border-radius:8px 0px 0px 8px;font-family:tahoma,arial,helvetica;font-weight:bold;color:#3a3a39;text-align:center;}
.nl-butt .nlb			{display:block;color:#622221;font-family:FontAwesome;font-size:30px;line-height:20px;padding:8px 0px 10px 0px;}
.nl-butt .nlb:after		{content:"\f095";}
.nl-butt b				{color:#376E31;}





/* Back to top button  transition:background 0.5s ease-in-out; */
.back-to-top 			{display:none;width:60px;height:60px;text-align:center;position:fixed;bottom:50px;right:0px;float:right;background-color:#E5C770;border-radius:8px 0px 0px 8px;text-decoration:none;}
.back-to-top:after		{font-family:FontAwesome;content:"\f062";color:#376E31;font-size:22px;line-height:57px;}
.back-to-top:focus 		{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;text-decoration:none}
.back-to-top:hover 		{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity: 0.6;text-decoration:none}




/* formular */
table.ds		{margin-bottom:20px;}
table.ds.err	{border:1px solid #376E31;}
table.ds td		{padding:4px;vertical-align:top;}

.ckb			{cursor:pointer;}

.sp			{width:300px;float:left;margin-left:15px;}

.is-invalid						{color:#e6301f;border:1px solid #376E31;border-radius:8px;}









/* MODALS --------------------------------------------------------------------------------------------------------------------------------------- */
.modal-dialog											{text-align:center;font-family:SourceSansPro-Regular,arial,helvetica;font-weight:normal;} /* ACHTUNG bei responsive auf "auto" stellen! */
.modal-dialog .modal-content img						{width:100%;height:auto;}
.modal-dialog .modal-header, .modal-body, .modal-footer	{border:none;}
.modal-dialog .modal-body								{padding:20px 30px 20px 30px;text-align:left;}

.modal-dialog .modal-header								{padding:0px;position:absolute;top:25px;right:25px;z-index:40;}
.modal-dialog .modal-header .close						{color:#376E31;width:40px;height:40px;background:#fff;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;font-size:38px;line-height:10px;padding:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}


.modal-body .col-sm.ln						{border:1px solid #468bb6;border-radius:8px;}
.modal-body .col-sm.ln small				{color:#999;}













/* wenn kleiner als Ipad */
@media only screen and (max-width : 992px) {
	#navbar			{margin:0px 0px 0px -10px;}
	#navbar	ul	a 	{color:#ff0033;margin:0px 0px 0px 0px;font-size:1.0em;}
	h1 				{font-size:2.2em;}
	h2 				{font-size:1.6em;}
	p				{font-size:1.1em;}
	.jumbotron p	{font-size:1.1em;}
}



/* wenn mindestens wie ipad */
@media only screen and (min-width : 992px) {
	#navbar			{margin:0px 0px 0px -15px;}
	#navbar	ul	a 	{color:#ff0033;margin:0px 0px 0px 5px;}
	
}



/* 2. tablet version ########################################################################################################################################################################### */
@media (min-width: 768px) and (max-width: 1199px) {

	#navbar	ul	a 				{letter-spacing:0px;font-size:1.2em;padding:11px;}
	

	/* Goolge-Map */
	.gmap iframe	{width:750px;}


	.back-to-top 			{display:none;width:40px;height:40px;}
	.back-to-top:after		{font-size:18px;line-height:40px;}
}


/* 3. Mobile Version  ########################################################################################################################################################################### */
@media (min-width: 320px) and (max-width: 767px) {
	
	.jumbotron	{padding-top:15px !important;}
	
	
	.container.gold				{margin-top:40px;margin-left:0px !important;}
	
	.container .bannero			{z-index:-1;}
	.container .bannero .logo	{margin:auto !important;width:120px;height:152px;text-align:center;margin-top:20px !important;background:url(../images/Namaste_Restaurant_Planegg_mobile.png);z-index:5;background-color:none;border:0px solid #fff;}
	
	
	.navback					{display:none;}
	
	.navbar-default				{background-color:transparent !important;border:none !important;}
	
	.navbar-header				{background-color:none;border:none;margin:0px;}
	.navbar						{margin-top:-68px;z-index:1;}
	
	.navbar-collapse			{margin-top:25px !important;background-color:#333;border:none !important;}	
	
	ul.nav.navbar-nav			{border:none;margin-top:0px !important;margin-bottom:0px !important;}
	ul.nav.navbar-nav li			{border-bottom:1px solid #E5C770;text-align:center;}
	#navbar ul.nav.navbar-nav li a	{font-weight:bold !important;letter-spacing:2px !important;font-size:1.2em;}

	
	
	
	
	.carousel .item 					{width:100%;height:140px;}
	.carousel .carousel-indicators	 	{display:none;}
	
	
	/* newsltter button */
	.nl-butt		{display:none;}
	
	/* Goolge-Map */
	.gmap iframe	{width:320px;}
	
	
	.back-to-top 			{display:none;width:40px;height:40px;}
	.back-to-top:after		{font-size:18px;line-height:40px;}
	
}