/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Tangerine);

body, p {
	font-weight: 400;
	font-family: "Raleway", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.42857;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #57658a;
}

::selection {
    color: #fff;
    background: #57658a;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: Verdana, Helvetica, Arial, sans-serif; color: #57658a; text-align: left; line-height: 1.3; font-weight: 300; text-transform: uppercase; }
/*h1 { font-size: 20px; }*/	
h2 { font-size: 35px; }
h2.small { font-size: 20px; }
h1, h3 { font-size: 17px; padding: 15px 15px; margin: 0 -15px 20px -15px; border-bottom: 2px solid #57658a; }
h4 a { text-transform: none; }
h1, h2, h3 { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
p.text-primary { color: #57658a; }
a.btn > i.fa { margin-right: 7px;}
 
/*/// HEADER ///*/
.navbar-header { width: 100%; height: 90px; background-color: #fff; border-bottom: 2px solid #57658a; }
.nav-logo { max-width: 120px; height: auto; }
.boxContent.Phone { margin-top: 23px;  }
.boxContent.Phone > p { font-size: 12px; line-height: 1; text-align: right; }

/*/// CONTENT ///*/
.page-content { background-color: #eee; background-image: url(../Images/bg.jpg); background-size: cover; }
/*.page-container.container > div.row {  margin-right: 0px; margin-left: 0px; }*/
.white { background-color: #fff; }
.blue { background-color: #bfc5d4; }
.noPadding { padding: 0px; }
.boxContent.marginTop0 { margin-top: 0px;}
.margin15 { margin: 10px 0; }
.margin { margin-left: 15px; margin-right: 15px; }
.boxContent.margin-bottom40 { margin-bottom: 40px; }
.padding15 { padding: 3px 15px; }
.padding30 { padding: 3px 30px; }
.hidden-sm-up { display: inherit; }
.hidden-xs-down { display: none; }

.boxContent { padding-bottom: 15px; margin: 15px 0; opacity: 0.8}
.boxContent.catering { /*background-color: #fff;*/ margin: 0px; padding: 0 15px 15px 15px; }
.boxContent.title { position: absolute; top: 40px; right: 20px; width: 50%; background-color: #fff; margin: 0px; padding: 0 15px 15px 15px; opacity: 0.85;}
.zitat { padding-top: 30px; padding-bottom: 30px; }
.zitat h2 { text-align: center; font-family: "Tangerine", serif; text-transform: none; color: #414e70; color: #232e4c; }
.impressum h2 { text-transform: none; font-size: 16px; }

/*/// FOOTER ///*/
.kontakt { text-align: center; }
.kontakt p { font-size: 0.85em; }
footer .nav.nav-pills > li > a, ul.nav.nav-pills.nav-stacked > li { display: inline; }
ul.nav.nav-pills { padding: 10px 10px 5px 10px; display: block; width: 100%; }
footer .nav-pills > li > a { background-color: #fff; color: #666; padding: 4px 8px; margin-right: 5px; font-size: 0.65em; text-transform: uppercase; }
footer .nav-pills > li > a:hover { background-color: #fff; color: #57658a; }
footer .nav-pills > li > a.active { background-color: #57658a; color: #fff; }


@media (min-width: 480px) { 

	}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */


@media (min-width: 768px) { 
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 200; }
	h2 { font-size: 40px; }
	h2.small { font-size: 30px; }
	h1, h3 { font-size: 19px; }
	h1, h2, h3 { -webkit-hyphens: inherit; -moz-hyphens: inherit; -ms-hyphens: inherit; hyphens: inherit; }
	
	.navbar-header { height: 105px; margin-bottom: 40px; }
	.nav-logo { max-width: 155px; height: auto; }

	.boxContent.fingerfood, .boxContent.buffet { min-height: 250px; }
	.boxContent.Phone > p { font-size: 15px; line-height: 1.42857; text-align: left; }
	
	.hidden-sm-up { display: none; }
	.hidden-xs-down { display: inherit; }
	
	.kontakt p { font-size: 1em; }

}	

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	p {	font-size: 16px; }
	.boxContent.fingerfood, .boxContent.buffet { min-height: 220px; }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	
	.boxContent.fingerfood, .boxContent.buffet { min-height: 220px; }

}