/* @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); */

body {
	background-image: url('/img/bg_big.jpg');
	background-size: cover;
	background-attachment: fixed;
	color: #ffffff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 22px;
}

a, a:active, a:hover, a:focus, a:visited {
	color: #cccccc;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Condensed', sans-serif;
	text-shadow: 3px 3px 3px #333333;
}

nav {
	z-index: 9;
}

div.col-sm-2,
div.col-sm-6,
div.col-md-5,
div.col-md-7,
div.col-xs-12,
blockquote {
	position: inherit !important;
}

blockquote:before {
	display: none;
}

blockquote {
	padding-left: 15px !important;
}

i.fa {
	transform: none;
}

h1 { font-size: 60px; }
h2 { font-size: 50px; border-bottom: 1px solid #ffffff; }
h3 { font-size: 40px; }
h4 { font-size: 30px; }
h5 { font-size: 20px; }
h6 { font-size: 10px; }

h3, h4, h5, h6 {
	text-decoration: underline;
}

header {
	position: fixed;
	height: 150px;
	width: 100%;
	display: inline-block;
}

nav.navbar-default {
	box-shadow: 0px 3px 5px 0px #000000;
}

nav a:active,
nav a:hover,
nav a:focus,
nav a {
	text-decoration: none;
}

nav.navbar-default {
	background-color: transparent;
	border-color: transparent;
	font-size: 24px;
	font-family: 'Open Sans Condensed', sans-serif;
	border: none;
	background: rgba(0,0,0,1);
	font-weight: 300;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: #000000;
	border: none;
}


.navbar-collapse.collapsing,
.navbar-collapse.collapse.in {
	background-color: rgba(0,0,0,1);
	border-color: rgba(0,0,0,1);
}

.navbar-default .navbar-nav>li>a {
	color: #ffffff;
	font-weight: 100;
}

.navbar-default .navbar-nav>li.active a,
.navbar-default .navbar-nav>li.active a:active,
.navbar-default .navbar-nav>li.active a:focus,
.navbar-default .navbar-nav>li.active a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:hover {
	color: #ffffff;
	border-bottom: 5px solid #ffffff;
	background-color: transparent;
}

header nav a.navbar-brand img {
	height: 40px;
	margin-top: -10px;
}

ul.collapsed,
ul.collapsing,
ul.collapse {
	padding-left: 0px;
}

ul.collapsed li,
ul.collapsing li, 
ul.collapse li {
	list-style-type: none;
}

section#infos,
section#beispiele,
section#kontakt {
	background-color: rgba(255,255,255,.2);
}

section#features,
section#preise {
	background-color: rgba(128,128,128,.2);
}


footer {
	background-color: rgba(0,0,0,.6);
}

section {
	min-height: 100vh;
	padding-bottom: 100px;
}

section#features {
	min-height: 1vh;
}

section#top a#moreinfos:hover,
section#top a#moreinfos:active,
section#top a#moreinfos {
	margin-top: 100px;
	font-size: 40px;
	display: block;
	text-decoration: none;
	text-shadow: 3px 3px 3px #333333;
}

section#top {
	padding-top: 75px;
}

section {
	padding-top: 50px;
}

div.modal-content {
	background-color: #312f30;
}

div#frmcontact {
	background-color: rgba(0,0,0,.8);
	padding: 10px;
	border-radius :10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}

table {
	background-color: rgba(0,0,0,.8);
}

td.na {
	background-color: transparent;
}
span.na {
	background-color: black;
}
.booked {
	background-color: #ff0000;
}
.free {
	background-color: #00ff00;
	color: black;
}

.ekko-lightbox .modal-header {
	display: none;
}

.img-thumbnail {
	margin-bottom: 30px !important;
	display: inline-block;
}

div.panel h4 {
	text-decoration: none;
	font-weight: bold;
	text-shadow: none;
}

div.panel-smaller {
	margin: 10px 20px;
}
div.panel-smaller .panel-heading {
	padding-bottom: 0px;
}

.bg-success {
	background-color: #dff0d8 !important;
}

li.list-group-item {
	color: #000000;
	position: inherit;
}

.carousel .item {
	padding: 50px 150px;
}

.gap-right {
	margin-right: 20px;
}
.gap-left {
	margin-left: 20px;
}
.gap-bottom {
	margin-bottom: 20px;
}

.box-shadow {
	box-shadow: 3px 3px 5px #333333;
}

.ekko-lightbox .modal-header {
	display: none;
}

.img-thumbnail {
	margin-bottom: 30px !important;
	display: inline-block;
	max-width: 150px;
}

@media (max-width: 767px) {
	nav.navbar-default {
		background: rgba(49,48,46,1);
	}
	header nav a.navbar-brand img {
		margin-top: -2px;
	}
	section,
	section#top {
		padding-top: 50px;
	}
	div.panel-smaller {
		margin: 0px 0px 20px 0px;
	}

}

a.btn, a.btn:visited, a.btn:hover, a.btn:active {
	color: white !important;
}

.glyphicon {
	font-size: 2em;
}

.btn-lg {
	font-size: 3em;
}