@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
body, html {height:100%;}
body {
	font-family: 'Raleway', sans-serif;
	font-size:1.7em;
	line-height:1.6em;
	background:#ddd;
	color:#000;
	margin-top:20px;
	}
.page {background: #ddd;}
.container {width:1360px;}
.img-max {width:100%;height:inherit;}
.margin{ height:0;}
.paypal {margin-top:40px;}
.headline, .small-headline {margin:0;padding:0 0 10px 0;font-size:1.4em;font-weight:500;}
.small-headline {font-size: 1.2em;}

/*-- Logo --*/
#logo {
	text-align:center;
	padding:30px 0;
	background:#fff;
	}
#logo .img-responsive {display:inline-block;}
/*---Numbers---*/
.numbers {
	background: #63b6db; /* Old browsers */
	background: -moz-linear-gradient(top,  #63b6db 0%, #309dcf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #63b6db 0%,#309dcf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #63b6db 0%,#309dcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 ); /* IE6-9 */
	color:#fff;
	font-size:1.2em; font-weight:500;padding:10px 0;}
@media (max-width: 991px) {
	.numbers {font-size:0.9em;}
}
/*---Content---*/
#content {
	padding:45px 30px 35px 30px;
	background:#fff;
	border-bottom:5px solid #185d91;
	}
#content h1, 
#content h2 {font-size:1.5em; margin:0 0 10px 0;}
#content h2 {font-size:1.2em;}
#socket {
	padding:10px 0;
	font-size:0.9em;
	margin-bottom:20px;
	}
/*---Header Image---*/
#header-image {
	border-top:5px solid #185d91;
	}
#header-image .row {margin:0;}
#header-image .col-sm-12 {padding:0;}
/*---Navbar---*/
.navbar-default {background:transparent;border-color:rgba(0,0,0,.1);}
.navbar {border-radius:0px;margin-bottom:30px;}
.navbar ul {float:none;}
.navbar li {display:block;border-bottom:1px solid rgba(0,0,0,.1);}
.navbar li:last-child {border:none;}
.navbar-collapse {padding-left:0px;padding-right:0px;}
.navbar-nav > li {float:none;}
.navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: rgba(0,0,0,.01);
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
.dropdown-toggle .caret {float:right;margin-top:10px;}
.dropdown-menu {margin:0;padding:0;}
.dropdown-menu > li > a {
    display: block;
    font-weight: normal;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
	font-size:1.1em;
	}
.dropdown-menu > li > a:hover {color:#ED2916;}
.dropdown-menu > li > a:before {content:'\00bb';margin-right:5px;color:#ED2916;}
.navbar-default .navbar-nav > li > a{padding:12px 15px;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	background:#63b6db;
	color:#fff;
	border-bottom-color:#63b6db;
	}
.dropdown-toggle {font-weight:600;background:rgba(0,0,0,.1)!important;rgba(0,0,0,.4)!important;}
.dropdown-toggle:hover {color:rgba(0,0,0,1)!important;}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    background-color: rgba(0,0,0,.02);
    text-decoration:none;
	color:#63b6db;
}
@media (max-width: 991px) {
	.navbar {margin-bottom:30px;}
	.navbar-header {background:#63b6db;border-color:#63b6db;}
	.navbar-default {border:none;}
	.navbar-default .navbar-nav > li > a {padding:10px 20px;}
	.navbar-nav {margin:0;}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background:rgba(0,0,0,.1);
		color:#000;
		border-bottom-color:#63b6db;
		}
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding:10px 15px 10px 35px;
	}
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.dropdown-toggle:hover {
		background-color:rgba(0,0,0,0.05)!important;
		color:rgba(0,0,0,1);
	}
	.navbar-toggle{border-radius:0px;background:#fff;border:none;margin-right:8px;}
	.navbar-toggle:hover {background:#fff!important;}
	.navbar-default .navbar-toggle .icon-bar{background:#63b6db;}
	.sidebar {padding:0;}
	.navbar li:last-child {border-bottom:1px solid rgba(0,0,0,.1)}
	
}
@media (max-width: 599px) {
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding:10px 15px 10px 25px;
	}
	.immo-post h1 {font-size:1.1em;font-weight:600;}
	.immo-post h3{font-size:1em;}
	footer h3 {font-size:1.2em;font-weight:600;}
}
/*-- Kontakt --*/
.sky-form h4 {font-size:1.2em; margin:0 0 5px 0;color:#000;font-weight:600;}
#contact-form label {
	display:block;
	margin:0 0 15px 0;
	}
#contact-form input,
#contact-form textarea  {
	font-size:inherit;
	padding:5px 10px;
	font-weight:400;
	border-radius:0px;
	}
#contact-form .success {
	background-color: #D9EDF7;
	border:1px solid #BCE8F1;
	color: #31708F;
	margin: 10px 0px;
	padding:6px 35px 6px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight:400;
	}
#contact-form .error, #contact-form .empty {
    background-color: #F2DEDE;
    border:1px solid #EBCCD1;
    color: #A94442;
    margin: 10px 0px;
	padding:6px 35px 6px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:0.9em;
	line-height:1.2em;
	font-weight:400;
	}
.buttons-wrapper .btn {text-shadow:none;}
/*------- Preistabelle-------*/
.preistabelle {font-size:0.9em; margin:0 0 25px;font-weight:600;}
.table-responsive {padding:0; margin:0; border:none;}
.table {font-size:0.9em;margin:0;border:0px;}
.table > thead > tr > th {background:#555555;color:#fff;font-weight:400!important;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding:8px 15px;
	}
.table-bordered > tbody > tr > th,.table-bordered > tbody > tr > td {background:#e7e7e7;}
.table-striped > tbody > tr:nth-of-type(2n+1) {background:#fff;}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {border-color:#666666;}
#mietpakete .table-bordered > thead > tr > th, 
#mietpakete .table-bordered > tbody > tr > th, 
#mietpakete .table-bordered > tfoot > tr > th, 
#mietpakete .table-bordered > thead > tr > td, 
#mietpakete .table-bordered > tbody > tr > td, 
#mietpakete .table-bordered > tfoot > tr > td {border-color:#fff;}

.legende {margin-bottom:10px; padding:17px 8px;font-size:0.9em;}
@media (max-width:991px) {
	#mietpakete {margin-bottom:10px;}
	}
/*------- Panel Group-------*/
.panel-group .panel {
	border-radius:0px;
	}
.panel-body {
	padding:0;
	}
.panel-default {
	border-radius:0px;
	border:0px;
	border-bottom:1px solid hsl(0, 0%, 87%);
	margin-bottom:10px;
	box-shadow:none;
	}
.panel-default .panel-heading {
	border:1px solid hsl(0, 0%, 87%);
	border-radius:0px;
	border-bottom:0px;
	background:#fff!important;
	}
.panel-default .panel-heading:hover {background:#e7e8eb; }
.panel-default .panel-heading a:hover {text-decoration:none;}
.panel-default .panel-heading .small {font-size:1em;}
.panel-default .panel-heading .panel-title {margin:0;padding:0;}
.panel-default .panel-heading h4 {margin:0!important;padding:0;font-weight:400; font-size:1em;}
.panel-group .panel-heading + .panel-collapse .panel-body {border:0;}
.panel-group .table-bordered > tbody > tr > th,
.panel-group .table-bordered > tbody > tr > td {background:#fff;}
.fa-plus-square,.fa-minus-square {color:#63b6db;}

.visible-mobil {display:none;}
@media (max-width: 767px) {
	.panel-default .panel-heading {
		padding:8px!important;
		}
	.panel-group {font-size:0.8em;}	
	}
@media (max-width: 1380px) {
	.container {width:99%;}
	}
@media (max-width: 1024px) {
	.container {width:100%;}
	.page {background:#fff!important;}
	#content {padding:30px 0;}
	body {margin:20px 0 0 0;background:#fff!important;}
	}
@media (max-width: 991px) {
	body {margin:0;}
	.container {padding:0;}
	.row {margin:0;}
	nav {margin:0 -15px;}
	#socket .text-left {text-align:center!important;}
	#content {padding:0 0 30px;}
	#mobil-table .col-xs-12 {padding:0;}
	}
@media (max-width: 600px) {
	.hidden-small {display:none;}
	.visible-mobil {display:block;}
	
	}