@import url(https://fonts.googleapis.com/css?family=Share+Tech);

body {
  	padding-top: 50px;
}

h1, h2, h3, h4 {
	font-family: 'Share Tech', sans-serif;
	font-weight: bold;
	text-align: left;
}

h2, h3 {
	text-align: center;
	margin-bottom: 20px;
}

h5 {
	text-align: center;
	font-size: 16px;
	margin-bottom: 25px;
}

body p {
	text-align: justify;
	font-size: 16px;
}

body a {
	color: #00A7CE;
	font-weight: bold;
}

body a:hover {
	color: #00bbee;
	text-decoration: none;
	cursor: pointer;
}

img {
	margin-bottom: 10px;
	border-radius: 3px;
}

.filterimg:hover > img {
	-webkit-filter: brightness(0.8);
	filter: brightness(0.8);
}

.section {
	padding-top: 30px;
	padding-bottom: 15px;
}

.row {
	margin-bottom: 10px;
	margin-top: 10px;
}

#menu {
	width: 100%;
}

#menu div, ul {
	padding-left: 0px;
	padding-right: 0px;
}

#streetview ul,
#panoramen ul,
#rundgaenge ul,
#angebot ul {
	padding-left: 25px;
	/*padding-right: 0px;*/
	font-size: 16px;
}

.navbar {
	border-radius: 0px;
	opacity: 1;
    z-index: 100;
	margin-bottom: 0px;
	border: 0px;
	background-color: #00252D;
}

.navbar-default .navbar-toggle {
	float: left;
	left: 50%;
	margin-left: -21px;
	border-color: #00A7CE;
}

.navbar-default .navbar-toggle:hover {
	background-color: #00A7CE;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #00A7CE;
}

.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #111111;
}

.navbar-default .navbar-collapse {
    border-color: #00A7CE;
}

.navbar-nav {
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover {
	background-color: #00A7CE;
	color: #111111;
}

.navbar .navbar-nav > li > a {
	color: #00A7CE;
	font-size: 15px;
	padding: 15px 0px;
}

.navbar .navbar-nav > li > a:hover {
	background-color: #00A7CE;
}

.navbar-logo {
	width: 95%;
}

#home {
	text-align: center;
	color: white;
	background-color: #00252D;
}

#home p {	
	text-align: center;
}

#panoramen {
	background-color: #eeeeee;
}

#streetview {
	background-color: #eeeeee;
}

#kunden {
	background-color: #eeeeee;
}

#angebot p {
	text-align: center;
}

.preise {
	margin-bottom: 10px;
	/*padding: 5px 0px 0px 0px;*/
	/*height: 500px;*/
	position: relative;
	border-radius: 3px;
}

.preise div {
	/*position: absolute;*/
	left: 0px;
	width: 100%;
	/*padding: 0px 0px;*/
	border-radius: 3px;
}

.preise h4,
.preise ul,
.preise p {
	margin-left: 10px;
}

.price-div {
	bottom: 50px;
}

.example-div {
	bottom: 0px;
}

.example-image {
	bottom: 0px;
	/*margin-left: -10px;
	margin-bottom: -5px;*/
}

.example-image img {
	margin: 0px;
	border-radius: 0px 0px 3px 3px;
}

.streetview {
	background-color: #eee;
}

.tours {
	background-color: #ccc;
}

.tours2 {
	background-color: #aaa;
}

.panorama {
	background-color: #ddd;
}

.preise p, .preise h3 {
	text-align: left;
}

.btn-price {
	background-color: #00A7CE;
	border-bottom: 0px solid #666666;
	border-top: 0px solid #666666;
	border-right: 0px;
	border-left: 0px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
}

.btn-price:hover, .btn-price:focus, .btn-price.focus, .btn-price:active, .btn-price.active, .open > .dropdown-toggle.btn-price {
    background-color: #00252D;
    border-color: #555555;
    border-radius: 3px;
    color: #00A7CE;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
}

.btn-example {
	background-color: #00A7CE;
	border-bottom: 0px solid #666666;
	border-top: 0px solid #666666;
	border-right: 0px;
	border-left: 0px;
	border-radius: 0px 0px 3px 3px;
	font-size: 16px;
	font-weight: bold;
}

.btn-example:hover, .btn-example:focus, .btn-example.focus, .btn-example:active, .btn-example.active, .open > .dropdown-toggle.btn-example {
    background-color: #00252D;
    border-color: #555555;
    border-radius: 0px 0px 3px 3px;
    color: #00A7CE;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
}

.btn-more {
	background-color: #00A7CE;
	border-bottom: 0px solid #666666;
	border-top: 0px solid #666666;
	border-right: 0px;
	border-left: 0px;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
}

.btn-more:hover, .btn-more:focus, .btn-more.focus, .btn-more:active, .btn-more.active, .open > .dropdown-toggle.btn-more {
    background-color: #00252D;
    border-color: #555555;
    border-radius: 3px;
    color: #00A7CE;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
}

.btn-disabled:hover, .btn-disabled:focus, .btn-disabled.focus, .btn-disabled:active, .btn-disabled.active, .open > .dropdown-toggle.btn-disabled {
    background-color: #00A7CE;
	border-color: #666666;
    color: #111111;
    border-radius: 3px;
	cursor: default;
	box-shadow: none;
}

.btn-more h4 {
	text-align: center;
}

.preisrechner {
	background-color: #ddd;
	border-radius: 3px;
	padding: 10px;
}

.preisrechner p {
	float: left;
	margin-top: 10px;
}

.team {
	background-color: #222222;
	text-align: left;
	color: white;
}

.portraits {
	margin-bottom: 30px;
}

.portraits h4, p {
	text-align: left;
}

.portraits > p {
	text-align: left;
}

table caption {
	color: black;
}

.table > thead:first-child > tr:first-child > th {
	border-color: #222;
}

.table > tbody > tr > td {
	text-align: center;
	padding: 15px 0px;
	border-color: #222;
}

th h4 {
	text-align: center;
}

#kontakt {
	
}

.address {
	background-color: #00252D;
	color: white;
	text-align: center;
}

#googlemaps {
	height: 300px;
	color: black;
	border-radius: 3px;
}

.gm-style-iw {
	width: 180px;
}

.gm-style-iw h4 {
	margin-bottom: 5px;
	margin-top: 5px;
}

.footer {
	padding-top: 15px;
	padding-bottom: 5px;
	background-color: #f8f8f8;
	background-color: #00252D;
	color: white;
	/*border-top: 1px solid #00A7CE;*/
}

.footer p {
	text-align: center;
}

#showcase {
	position: fixed;
	top: 0px;
	z-index: 2000;
	height: 100%;
	width: 100%;
	padding: 5px;
	background-color: rgba(255,255,255,0.75);
}

#showcase-content {
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 2001;
	background-color: white;
	box-shadow:0px 0px 15px 5px rgba(0,0,0,0.65);
}

.showcase-header {
	padding: 0px 0px;
}

.showcase-header h4 {
	margin-bottom: 0px;
	text-align: left;
}

#showcase-content .row {
	margin-top: 0px;
	margin-bottom: 0px;
}

#showcase-content > .container-fluid, .showcase-pano div {
	height: 100%;
}

.showcase-pano {
	height: 100%;
	padding-bottom: 32px;
}

.showcase-pano > div {
	padding: 0px;
}

.closebutton {
	padding: 2px 5px 0px 0px;
}

.closebutton a {
	float: right;
	text-align: right;
}

.closebutton a:hover {
	color: #111111;
}

.panoinfobutton {
	padding: 0px;
}

.btn-info {
    background-color: #00A7CE;
    border-color: #666666;
    border: none;
    border-radius: 0px;
    color: #111111;
	font-weight: bold;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.1);
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-color: #111111;
    border-color: #555555;
    border: none;
    color: #00A7CE;
    border-radius: 0px;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
}

.dropdown-menu p {
	margin: 0px;
	text-align: left;
}

.dropdown-menu {
	top: 50px;
	left: -139px;
	width: 250px;
	padding: 10px;
    border-radius: 0px;
  	box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
}

.panowrapper {

}

.price-sections {
	padding: 5px 10px;
}

.panoiframe {
	height: 100%;
	width: 100%;
	border: 0px;
}

@media (min-width: 450px){	
	.price-sections {
		padding: 10px 80px;
	}
}

@media (min-width: 768px){
	.navbar-nav {
		width: 100%;
	}

	.navbar-nav > li {
		display: table-cell;
		float: none;
		width: 1%;
	}
	
	#googlemaps {
		height: 400px;
	}
	
	.preise {
		/*height: 375px;*/
	}
	
	#showcase {
		padding: 5px;
	}
	
	.dropdown-menu {
  		width: 350px;
  	}
  	
  	.price-sections {
		padding: 5px 10px;
	}
}

@media (min-width: 992px){
	.preise {
		/*height: 485px;*/
	}
	
	.price-sections {
		padding: 10px 30px;
	}
}

@media (min-width: 1200px){
	.preise {
		/*height: 485px;*/
	}
	
	.price-sections {
		padding: 10px 50px;
	}
}

@media (min-width: 1400px){
	.preise {
		/*height: 485px;*/
	}
	
	.price-sections {
		padding: 10px 70px;
	}
}

body a,
.filterimg > img,
.btn,
.navbar-toggle {
    transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
}