/*
rot: 				D32929
brown: 				622221
gelb: 				F0B430
gelb (light): 		FCECB9
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: 'Josefin';
    src: url('../../include/fonts/JosefinSans-Bold.eot');
    src: url('../../include/fonts/JosefinSans-Bold.eot?#iefix') format('embedded-opentype'),
         
         url('../../include/fonts/JosefinSans-Bold.woff') format('woff'),
         url('../../include/fonts/JosefinSans-Bold.ttf') format('truetype'),
         url('../../include/fonts/JosefinSans-Bold.svg#fredokaone') format('svg');
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
}


body 		{padding-top:0px;padding-bottom:20px;background-color:#FFFADB;font-family: 'Asap';}

.navbar 	{margin-bottom:20px; }


.container .bannero 		{margin:0px 0px 0px 0px;margin:auto;text-align:center;} /*  */
.container .bannero .logo	{display:block;width:220px;height:220px;margin:auto;background:url(../images/tajindian-groebenzell.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%;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: 'Josefin';font-size:3em;margin:30px 0px 30px 0px;color:#9A3F33;text-shadow:0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.3);}
h2 			{font-family: 'Asap';font-size:1.8em;margin:0px 0px 10px 0px;color:#D32929 !important;font-weight:bold;text-shadow:0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.3);}
h3			{font-family: 'Asap';font-size:1.2em;margin:0px 0px 10px 0px;color:#D32929 !important;font-weight:bold;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:#F0B430;}


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

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



.btn			{background-color:#D32929;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			{}


.infobox {padding:10px;border:2px solid #D32929;border-radius:14px;background-color:#fff;margin-bottom:20px;}

.teas	{width:50%;background-color:#FCECB9;border:2px solid #D32929;border-radius:14px;padding:10px;float:right;}


.navbar-default			{width:100%;border:none;border-top:4px solid #D32929;border-bottom:4px solid #F0B430;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:'Asap';font-weight:normal;letter-spacing:1px;font-size:1.2em;text-decoration:none;}
#navbar	ul	a:hover 		{color:#F0B430 !important;}
#navbar	ul li.active a		{color:#000000 !important;background-color:#F0B430;}




.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;}

.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;}






/* 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:#F0B430;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:#D32929;}



/* 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:#F0B430;border-radius:8px 0px 0px 8px;text-decoration:none;}
.back-to-top:after		{font-family:FontAwesome;content:"\f062";color:#D32929;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 #D32929;}
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 #D32929;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:#D32929;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 .bannero			{z-index:-1;}
	.container .bannero .logo	{width:200px;height:162px;background:url(../images/tajindian-groebenzell_mobile.png);z-index:5;background-color:none;border:0px solid #444;}
	
	
	.navback					{display:block;width:100%;height:53px;position:absolute;margin:96px 0px 12px -20px;background-color:#622221;z-index:-2;border-top:4px solid #D32929;border-bottom:4px solid #F0B430;}
	
	.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:4px !important;background-color:#ab161a;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 #F0B430;text-align:center;}
	#navbar ul.nav.navbar-nav li a	{font-weight:bold !important;letter-spacing:2px !important;font-size:1.2em;}

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