@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
@import url('sky-forms.css');

table.DynarchCalendar-topCont {
 width: auto;
}
.reviews-bundle {
	display:block;
	text-align:center;
	padding:15px 0;
}
body {
	color:rgba(0,0,0,.8);
	font-size:1.4em;
	line-height:1.5em;
	font-family:"Open Sans";
	background: #f2f5f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
	}
a, a:hover {color:#000;}
.btn {
	border-radius:0px;
	white-space: normal;
	}
.img-responsive {
	display:inline-block;
	}
.sky-form h4 {margin-bottom:5px;}
.sky-form .button {background:#9eadb2;}
.sky-form .button:hover {background:#6d8891;}
.table-responsive {border:none;}
/*------- Headlines -------*/
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	color:#000;
	}
h1 {
	font-size:1.4em;
	margin:0 0 15px 0;
	}
h2,h3 {
	font-size:1.2em; 
	margin-top:35px; 
	margin-bottom:8px;
	color:#527d91;
	font-weight:500;
	}
h4 {
	font-size:1.1em;
	margin:0 0 10px 0;
	}
aside h3 {
	margin-top:0px; 
	color:#000;
	}
.stadt h3 {margin:0;}
/*------- Preistabelle -------*/
#desktop .table {border-top:1px solid hsl(0, 0%, 87%);}
#desktop .table td,#desktop .table tbody tr th{font-size:1.2em;}

.single-headline {font-size:1.2em; margin:0 0 5px 0;}
.single-headline strong {background:hsl(208, 56%, 53%);color:#fff; padding:0 5px;border-radius:3px;}
.single-subline{font-size:1.05em; margin:0 0 15px 0;}
.single-title {color:#000;}
.town {margin-bottom:20px;}
.bg-blue {background:#9eadb2;}
/*------- Content -------*/
#content {padding-top:30px;padding-bottom:30px;}
#content ul:not(.bundesland-mobil):not(#menu-2nd-menu-1):not(#menu-2nd-menu) {
    list-style-type: none;
    margin-left: 15px;
	}
#content ul li {
    line-height: 1.8em;
	}
#content ul li a {
	color:#527d91;
	}
#content ul:not(.bundesland-mobil):not(#menu-2nd-menu-1):not(#menu-2nd-menu) li::before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 18px;
    color: #527d91;
    margin-right: 15px;
    margin-bottom: 10px;
	}
@media (max-width: 767px) {
	#content ul:not(.bundesland-mobil):not(#menu-2nd-menu-1):not(#menu-2nd-menu) {
    margin-left: 0px;
		padding-left:0;
	}
	#content ul:not(.bundesland-mobil):not(#menu-2nd-menu-1):not(#menu-2nd-menu) li::before {
    margin-right: 5px;
	}
}
.category_desc p {margin-bottom:20px;}
#page {
	width:65%;
	background:rgba(255,255,255,1); 
	padding:25px 10px 15px 10px; 
	margin:30px auto;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.13);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.13);
	}
.container {width:100%;}
.img-max {width:100%;height:inherit;}
.post-content {margin-bottom:30px;}
/* ----- Pea Cook Wrapper EU Cookie Law------ */
.pea_cook_wrapper.pea_cook_topcenter {
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
	}
/* ----- Modal ------ */
#myModal .modal-dialog{width: 900px;}  
/*------- Back Home -------*/
#backhome {
	background:#9eadb2;
	padding:8px 15px;
	color:#fff;
	}
#backhome a {color:#fff;}
#backhome i {margin-right:5px;}
	
/*------- Breadcrumb -------*/
.breadcrumb {
	border-radius:none!important;
	margin-bottom:30px;
	margin-top:-10px;
	background:transparent;
	padding:0 0 10px 0;
	border-bottom: 1px solid hsl(0, 0%, 93%);
	}
/*------- agb-------*/
.agb {
	margin:0;
	padding:15px;
	list-style-type:none;
	border-left:1px solid hsl(0, 0%, 87%);
	border-right:1px solid hsl(0, 0%, 87%);
	}
.agb li {
	padding:5px 0;
	
	}
/*------- Info-------*/
.info {
	padding:8px 0;
	font-weight:600;
	font-size:1.2em;
	color:#fff;
	display:block;
	}
.info a,.info a:hover{
	color:#fff!important;}
/*------- Wappen -------*/
.bundesland {
	border:1px solid rgba(0,0,0,.15);
	margin-bottom:30px;
	text-align:center;
	}
.bundesland h3 {
	margin:0;
	padding:5px 0;
	font-size:0.8em;
	border-bottom:1px solid rgba(0,0,0,.15);
	font-weight:600;
	}
.bundesland img {
	margin:5px;
	}
.bundesland .btn-default {
	border:none;
	background:rgba(0,0,0,0.1);
	}
.bundesland .btn-group .dropdown-menu {
	border-radius:0px;
	width:100%;
	margin:0;
	}
/*------- 2nd-Menu-------*/
#menu-2nd-menu,#menu-2nd-menu-1{
	margin:0;
	padding:0;
	list-style-type:none;
	border:1px solid rgba(0,0,0,.1);
	}
#menu-2nd-menu li a,#menu-2nd-menu-1 li a {
	display:block;
	border-bottom:1px solid rgba(0,0,0,.1);
	padding:5px 8px;
	background:#fff;
	color:#000;
	}
#menu-2nd-menu li a:hover,#menu-2nd-menu-1 li a:hover {
	text-decoration:none;
	background: rgba(0,0,0,.05);
	}
#menu-2nd-menu li:last-child a, #menu-2nd-menu-1 li:last-child a {
	border:none;
	}
/*------- Bundesland Mobil Navigation-------*/
.bundesland-mobil {
	margin:0;
	padding:0;
	list-style-type:none;
	border:1px solid rgba(0,0,0,.1);
	}
.bundesland-mobil li a {
	display:block;
	border-bottom:1px solid rgba(0,0,0,.1);
	padding:5px 8px;
	background:#fff;
	color:#000;
	}
.bundesland-mobil img {
	height:25px;
	width:inherit;
	float:left;
	margin-right:8px;
	}
.bundesland-mobil li a:hover {
	text-decoration:none;
	background: rgba(0,0,0,.05);
	}
.bundesland-mobil li:last-child a {
	border:none;
	}

/*------- Stadt-------*/
.stadt {margin-bottom:15px;}
.stadt .btn {text-align:left;padding:5px 10px;border:none;}
.stadt .btn i {float:right;margin-top:-20px;}
.btn-primary {background:#9eadb2;border:none;}
.btn-primary:hover {background:#527d91;}
/*------- Telefonbox-------*/
.tel-box {
    border:3px solid rgb(4,89,116);
    padding: 50px 0px 0px 0px;
    max-width: 380px;
    float: right;
    width: 100%;
    margin-left: 30px;
    margin-bottom: 15px;
	margin-top:5px;
    text-align: center;
    position: relative;
    font-size: 22px;
    line-height: 1.35em;
}
.tel-box::before {
    position: absolute;
    content: "\f095";
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
        line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 100%;
    text-align: center;
    line-height: 77px;
    font-size: 40px;
    background: rgb(4,89,116);
    right: 15px;
    top: -30px;
    color: #FFF;
}
.tel-box span {
    color: rgb(4,89,116);
}
.tel-box a {
    background: linear-gradient(rgb(13,103,132), rgb(4,89,116));
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: table;
    color: #FFF;
    margin-top: 15px;
    font-size: 20px;
}
.tel-box a span {
    white-space: nowrap;
    color: #FFF;
}
@media screen and (max-width: 1024px) {
	.tel-box:before {
		display: none;
	}

	.tel-box {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding: 10px 0 0 0;
	}
}

/*------- Datepicker-------*/
.ui-datepicker {width:auto;background:#fff;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl,
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-radius:0px;}
.ui-widget-header {backround-image:none!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background-image:none!important;}
.ui-datepicker td span, .ui-datepicker td a {text-align:center;font-size:1.1em;}

/*------- Tabelle-------*/
.table {font-size:0.9em;margin:0;border:0px;}
.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;
	}
.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:rgba(0,0,0,0.01)!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-group .panel-heading + .panel-collapse .panel-body {border:0;}
.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;}	
/*------- Navigation-------*/
.navbar-default {
	background:transparent;
	border:none;
	border-radius:0px;
	}
.navbar-collapse {
	background:#035A75;
	padding-left:0px;
	}
.navbar-default .navbar-nav > li > a {
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	
	}
.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:#6d8891;
	color:#fff;
	}
.nav > li:nth-child(3) > a{padding-top:7px;padding-bottom:7px;letter-spacing:0.05em;}
.navbar-default .navbar-nav > li:nth-child(3) {
	background-color: #2A7087;
	border:1px solid #78A8B4;
	margin-top:7px;



}
.navbar-default .navbar-nav > li:last-child {
	position:absolute;
	right: 15px;
font-size:1.2em;
}
.navbar-default .navbar-nav > li:last-child:before {
content: "\f098";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    position: absolute;
	font-size:1.8em;
    top: 14px;
    left: -27px;
}
.navbar-default .navbar-nav > li:last-child:hover,
.navbar-default .navbar-nav > li:last-child > a:hover{
background:transparent!important;}
.navbar-default .navbar-nav > li:last-child > a {border:none;}
@media (max-width: 1023px) {
	.navbar-default .navbar-nav > li:last-child,
	.navbar-default .navbar-nav > li:last-child:before {display:none;}
	}
/*-------- Navi Bottom--------*/
#menu-mobil-footer-menu {margin:30px 0 10px 0;padding:10px 0; list-style-type:none;text-align:center;background:#035A75;}
#menu-mobil-footer-menu li {display:inline-block;}
#menu-mobil-footer-menu li a { color:#fff;padding:2px 8px;}
#menu-mobil-footer-menu li a:hover {background:#527d91;text-decoration:none;}
/*-------- Media Querys --------*/

@media (max-width: 1920px) {
	#page {
	width:70%;
	}
}
@media (max-width: 1720px) {
	#page {
	width:80%;
	}
}
@media (max-width: 1599px) {
	#page {
	width:95%;
	}
}
@media (max-width: 1365px) {
	body {background:#fff;}
	#page {
		width:100%;
		background:#fff; 
		padding:0; 
		margin:0 auto;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#header {padding-top:15px;}
	header.container,
	header .col-sm-12,
	.navigation .container,
	#breadcrumb.container,
	#breadcrumb .col-sm-12{
		padding:0;
		}
	header .row,
	.navigation .row, 
	#breadcrumb .row{
		margin-left:0;
		margin-right:0;
		}
	.breadcrumb {padding-left:15px;}
}
@media (max-width: 991px) {
	#myModal .modal-dialog{width: 70%!important;} 
	.info {
		font-size:1em;
		padding:4px 0;
	}
.stadt {margin-bottom:10px;}


}
@media (max-width: 767px) {
	#content{padding-top:20px!important;} 
	.post-content {margin-top:20px;}
	#myModal .modal-dialog{width: 95%!important;} 
	.stadt {margin-bottom:3px;}
	.breadcrumb {margin-top:20px;}
	h1 .small {font-size:0.65em;}
	h1 {font-size:1.2em;line-height:0.8em;}
	.town {margin-bottom:20px;margin-top:20px;}
	.table > thead > tr > th, 
	.table > tbody > tr > th, 
	.table > tfoot > tr > th, 
	.table > thead > tr > td, 
	.table > tbody > tr > td, 
	.table > tfoot > tr > td,
	.panel-default .panel-heading {
		padding:8px!important;
		}
	.panel-default .panel-heading h4 {font-size:0.9em!important;}	
	.table {font-size:0.7em;margin:0;border:0px;}
	#content {padding-top:0;}
	header.container,header .col-sm-12,.navigation .container{
		padding:0;
	}
	header .row,.navigation .row {
		margin-left:0;
		margin-right:0;
	}
	.startseite-mobil-navi, .standard-headline,.single-subline {margin-top:20px;}
	.mybtn {font-size:0.8em!important;}
	footer .copyright,footer .copyright .text-right{text-align:center;}
}	
.pea_cook_wrapper.pea_cook_bottomright {
    bottom: 30px;
    right: 30px;
    margin-left: 5%;
    width: 240px;
    border: 1px solid #ddd;
	background:#fff;
	text-align:left;
	padding:15px!important;
	line-height:1em!important;
	font-size:1em!important;
}
button.pea_cook_btn {
	margin-top:10px;
    background: #3d97b3!important;
	color:#fff!important;
    border: none!important;
    border-radius: 5px;
    box-shadow: none!important;
    
    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
        line-height: normal;
    line-height: 1;
    padding: 5px 0;
    text-align: center;
    text-shadow: none!important;
    width: 100%!important;
    margin-left: 0!important;
}