/*****
Theme Name: Fewo Rastede Child Theme
Theme URI: http://www.mhthemes.com/themes/mh/magazine/
Description: This is a child theme for MH Magazine WordPress theme to make customizations much easier for you. By using this child theme you make sure, that you keep your changes after an update of the parent theme.
Author: MH Themes
Author URI: http://www.mhthemes.com/
Template: mh-magazine
Version: 1.0.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*****/

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', serif; color: #133e73; line-height: 1.3; font-weight: 700; }

td, th {
	padding: 0;
}

.page .entry-title, .page-title {
    font-size: 26px;
    font-size: 1.7rem;
    padding: 0px;
    background: none;
    font-family: 'Roboto Slab', serif;
    font-weight:400;

}

h1, h2, h3, h4, h5, h6, .mh-custom-posts-small-title {
 font-family: 'Roboto Slab', serif;
}
.entry-content h1 {
	 font-family: 'Roboto Slab', serif;
}
.entry-content h3 {
	font-size:1.4em;
	 font-family: 'Roboto Slab', serif;
margin-bottom:0px;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{

    font-family: "Roboto Slab";
	font-weight: 400;
}


.mh-main-nav {
    text-transform: none;
	
    }
.mh-main-nav li {
   float: left;
}
.mh-main-nav li a {
    display: block;  
    color: #000;
    padding: 10px 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    font-size:1.5em;
    font-family: 'Roboto Slab', serif; 
    font-weight:normal;
    background:#fff;
}

.mh-main-nav li a:hover {
    color: #133e73;
}

.mh-footer a:hover {
    color: #a8a8a8!important;
}
.mh-main-nav{
    background: #fff !important;
}

.mh-main-nav-wrap {
    background: #fff;
}

.mh-wrapper {
    padding: 10px 50px;
	text-align:justify;

}
.mh-breadcrumb, .mh-breadcrumb a {
    margin-bottom: 0.25rem;
}
.mh-breadcrumb {
    padding: 5px 0px;
}

.mh-site-logo {
    padding: 0px 0px;
    overflow: hidden;
}
.mh-container, .mh-container-inner { width: 100%; max-width: 980px; margin: 0 auto; position: relative; }


.mh-sidebar {
    width: 25.66%;
    float: left;
}

#header{
width:100%;
background:#fff;
}
#header:after{
content:"";
display: block;
clear:both;
}

#header .left{
 background:#fff;
 float:left;
 width:22%;
}

#header .right{
    background:#fff;
    float:left;
    text-align:right;
    width:70%;
    padding-right:5%;
}

#header .call{
	float: right;
	font-size: 1.3em;
	margin: 25px;
}
#header .logo {
	display: block;
	margin: 0 auto;
	padding: 25px 0 0 15rem;
}
#header .badge{float:right;width:40%;background:#1EFFFC;}
#header .pauschale{float:left;width:40%;background:#1EFFFC;margin-left:75px;}
#header .nav-nav{
	text-align: center;
	background: #CCCA23;
	margin-top: 15px;
}
#header .flag{width:120px;float:right;background:#133e73;border-radius: 0em 0em 1em 1em;color:#ffffff;padding:8px;font-size:1.2em;box-shadow: 3px 3px 1px grey;text-transform:uppercase;clear:both;font-family:"Roboto", serif;}

.mh-main-nav ul {
	display: inline-flex;
}

#header .flag_lm{width:200px;float:left;background:#133e73;border-radius: 0em 0em 1em 1em;color:#ffffff;padding:8px;font-size:1.2em;box-shadow: 3px 3px 1px grey;text-transform:uppercase;clear:both;font-family:"Roboto", serif;}


@media only screen and (max-width: 500px)
{
#header .flag_p{text-transform:none;font-size:1.0em;display:none;}

}
@media only screen and (max-width: 640px)
{
	#header .flag_p{text-transform:none;font-size:1.0em;width:110px;margin-left:0px;}
}

@media only screen and (max-width: 750px)
{
	#header .call {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	#header .logo {
		display: block;
		max-width: 100%;
		margin: 15px auto;
		padding: 0;
	}
}

body.single-unterkunft .mh-content {
	width: 100%;
}

#date_search{
	position: relative;
	bottom: 70px;
}

#date_search .search{
	z-index:1000;
	background-color: rgba(141, 47, 70, .8);
    background-color: rgba(19, 62, 115, .8);
	padding:15px 0;
	height:40px;
	text-align:center;
	position: absolute;
	width: 100%;
}

.archive-filters-block {
    background-color: rgba(221, 144, 117, .99) !important;
}

#date_search .feld{
    font-size:1.2em;
	height:1.6em;
	margin-right:10px;
}

#date_search .feld1{
    font-size:1.2em;
	height:2.3em;
	margin-right:10px;
}


#date_search .send {
    font-size:1.1em;
	background:#666666;
	color:#fff;
}
#archive-filters {
	font-size: 16px;
}
#archive-filters .send {
	padding: .5em;
	background:#666666;
	color:#fff;
}

.btn_kontakt{text-align:center;width:252px;float:right;background:#133e73;border-radius: 0.5em;color:#c1bfbf;padding:5px 22px;font-size:1.0em;box-shadow: 3px 3px 1px grey;text-transform:uppercase;margin-right:5px;}

.btn_kontakt a{color:#c1bfbf;font-weight:400;}
.btn_kontakt a:hover{color:#c1bfbf;}

.hr_detail{
 border:none;
  border-top:1px dashed #f00;
  color:#5f1f2e;
  height:1px;
}

#besonderheiten {
	width: 75%;
	max-width: calc(100% - 160px);
	float: left;
	margin-bottom: 1em;
}

#besonderheiten ul {
	/* list-style-type: disc; */
	display: inline-block;
	width: 45%;
	min-width: 200px;
	float: left;
	text-align: initial;
	margin-bottom: 0;
}

#grundriss {
	width: 25%;
	min-width: 155px;
	float: right;
	text-align: center;
	margin-bottom: 1em;
}

#gallerie {
	background: rgba(19, 62, 115, .5);
	margin-top:25px;
	margin-bottom:25px;
}

#gallerie img {
	margin: 10px;
	border-radius: 15px;
}

.galback{

background:#8b283a;

}

.btn_buchen{
	text-align:center;
	float:right;
	background:#133e73;
	border-radius: 0.5em;
	color:#c1bfbf;
	padding:5px 22px;
	font-size:1.0em;
	box-shadow: 3px 3px 1px grey;
	text-transform:uppercase;
	margin: 0 1em;
}
input[type="submit"].btn_buchen, input[type="submit"].btn_buchen:hover {
	background:#133e73;
	color: #c1bfbf;
}

.entry-content .btn_buchen a, .entry-content .btn_buchen a:active, .entry-content .btn_buchen a:hover,
.archive-filters-block a, .archive-filters-block a:active, .archive-filters-block a:hover,
.entry-content .btn_kontakt a, .entry-content .btn_kontakt a:active, .entry-content .btn_kontakt a:hover {
	color: #c1bfbf;
	text-decoration: none;
}

#entry-bottom-left {
	width: 25%;
	margin-right: 3em;
	float: left;
}

#entry-bottom-left img, #entry-bottom-left #similar, #entry-bottom-left #similar .aehnliche-wohnung {
	max-width: 100%;
}

#entry-bottom-right {
	width: 100%;
	float: left;
	clear: right;
}
.entry-calendar .calendar_wrap {
	font-size: .75em;
	width: 30%;
	min-width: 150px;
	padding: 5px;
	float: left;
}

.entry-calendar .calendar_wrap:last-child {
}
.entry-calendar .calendar_wrap table {
	border-collapse: initial;
	border-spacing: 1px;
}
.entry-calendar .calendar_wrap table td, .entry-calendar .calendar_wrap table th {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background-color: #e4e3df;
}
.entry-calendar .calendar_wrap table caption {
	font-weight: bold;
}
.entry-calendar .calendar_wrap table th {
	font-weight: normal;
}
.entry-calendar .calendar_wrap table td.grau {
	background-color: #e4e3df;
}

.entry-calendar .calendar_wrap table td.anreise {
	background: #FF6060;
	background: linear-gradient(to right, #60FF60, #FF6060);
}

.entry-calendar .calendar_wrap table td.belegt {
	background: #FF6060;
}

.entry-calendar .calendar_wrap table td.abreise {
	background: #FF6060;
	background: linear-gradient(to right, #FF6060, #60FF60);
}

.entry-calendar .calendar_wrap table td.frei {
	background: #60FF60;
}
.wp-caption{
	/* position:relative; */
}
.wp-caption-text {
    font-size: 18px;
    font-weight: 500;
    font-family: "Roboto Slab";
    height: 35px;
    position: relative;
    background-color: rgba(255,255,255,0.7);
    margin-top: -35px;
    max-width: 100%;
    line-height: 35px;
    color: #4a4a49;
    padding-left: 15px;
}


#back_search {
	padding:2px;
	background:#133e73;
	width:275px;box-shadow: 3px 2px 2px #ccc;
	margin:15px 0px;

}

#back_search a{
	color:#c1bfbf;font-size:1.2em;
padding-left:10px;
}


.serv {border-radius: 1em 1em 1em 1em;box-shadow: 3px 3px 1px grey;width:50%;}
.serv1 {width:45%;float:right;}
.discl{font-size:0.7em;}


.freiz_bilder {border-radius: 1em 1em 1em 1em;box-shadow: 3px 3px 1px grey;width:50%;float: left;text-align: center;}
.freiz{float:right;border-radius: 1em 1em 1em 1em;box-shadow: 3px 3px 1px grey;width:45%;}
.freiz_bilder .alignnone {
    margin: 0 auto;
    padding: 10px 0;
    max-width: 95%;
}
.archive-filters-block {
	background: #133e73;
	color: #FFF;
	padding: 10px 15px;
	margin-bottom: 1em;
}
.archive-filters-block h4 {
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: .5em;
}

.mh-loop-title a{
	color:#133e73;
	font-family: "Roboto Slab", serif;
	font-size: 1.1em;
}

.mh-posts-list-item.type-unterkunft {
   border-radius: 1em 1em 1em 1em;
   box-shadow: 3px 3px 1px grey;
   width: calc(100% - 3px);
   overflow: hidden;
   padding-bottom: 0;
   border: 0;
}

.type-unterkunft .mh-loop-title {
	margin-top: .5em;
}

.type-unterkunft .price {
	font-weight: bold;
	padding-right: 1em;
	float: right;
	font-size: 1.1em;
}

.mh-posts-list-excerpt {
	padding-right: 1em;
}

.excerpt-topping {
	margin-bottom: 1em;
}

.type-unterkunft .mh-posts-list-excerpt .excerpt {
	max-height: 9em;
	overflow: hidden;
}

.mh-loop-header {
	margin-bottom: 0;
}

.entry-content, .mh-content {
	color: #4A4A49;
	font-family: "Roboto Slab", serif;
	font-style: light;
}

.entry-content p, .mh-content p {
	font-size: 16px;
}

article.type-unterkunft h1 {
	margin: 0;
	padding: 0;
	font-family: "Roboto Slab", serif;
}
.aehnliche-wohnung {
	position: relative;
	height: 200px;
	width: 200px;
	margin-bottom: 1em;
	border-radius: 10px;
	overflow: hidden;
	color: #000;
	display: inline-block;
}
.aehnliche-wohnung img {
	position: absolute;
}
.aehnliche-wohnung span {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(150, 150, 150, 0.8);
	display: inline-block;
	font-weight: normal;
}
.aehnliche-wohnung p {
	margin-bottom: 0;
}

.entry-content .aehnliche-wohnung, .entry-content .aehnliche-wohnung:hover, .entry-content .aehnliche-wohnung:visited, .entry-content .aehnliche-wohnung:active {
	color: #124072;
	text-decoration: none;
	font-weight: normal;
}

img.mh-header-image {
	max-height: 500px;
}

.mh-category-desc {
	border: 0;
	background: initial;
	padding: 0;
	color: #4a4a49;
	font-size: 16px;
}

.entry-content table.saisonzeiten {
	border-spacing: 1px;
	border-collapse: initial;
}
.entry-content table.saisonzeiten th {
	text-transform: uppercase;
}
.entry-content table.saisonzeiten td {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	font-size: .9em;
}

.entry-content ul{list-style: none;margin-left: 0;}

.entry-content ul li{margin-left: 20px;position: relative;}
.entry-content ul li:before{
    content: "• ";
    color: #133e73;
    font-size: 22px;
    line-height: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    left: -15px;
    }

	#date_search:after{
		content:"";
		display:block;
		clear:both;
	}

	#gallerie {
		padding: 5px;
		margin: 25px -50px;
		text-align: center;
	}
	.mh-content {
		overflow: visible;
	}

.ws-errorbox p {
	color: #FFF;
}

.filter.picto {
	height: 30px;
	line-height: 30px;
	margin: 0 0 .5em 0;
}
.filter.picto img {
	float: right;
}
p.software-notice {
	float: left;
	width: 60%;
	font-size: small;
	font-weight: bold;
}

p.software-notice2 {
	font-weight: bold;
	text-align: center;
	float: right;
	width: 60%;
	padding: 40px 0;
}
@media screen and (max-width: 1050px) {
	p.software-notice {
		width: 100%;
		clear: both;
		float: initial;
	}
	#mh-mobile .mh-container {
		overflow:hidden;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
	#gallerie {
		padding: 5px;
		margin: 25px -50px;
	}
	#gallerie a{
		display: inline-block;
		width: 25%;
		text-align: center;
	}
	#gallerie img{
		max-width: 95%;
		margin: 5px 0;
	}
	.btn_kontakt, .btn_buchen {
		margin: 0 1em 1em 0;
	}
	.archive-filters-block {
		padding: 10px;
		text-align: left;
	}
}
@media screen and (max-width: 840px) {
	p.software-notice {
		width: 100%;
		clear: both;
	}
	.filter {
		font-size: small;
	}
	.archive-filters-block {
		padding: 10px;
	}
}
@media screen and (max-width: 767px) {

.serv, .freiz_bilder, .freiz {width:100%;float: none;}
.serv1 {width:100%;float: none;}

	p.software-notice {
		width: 100%;
		clear: both;
	}
	.btn_kontakt, .btn_buchen {
		display:block;
		float:none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin: initial;
		margin-bottom: 20px;
	}
	#gallerie a{
		width: 33.333%;
	}
	#gallerie img{
		width: 100%;
	}
	#entry-bottom-left, #entry-bottom-right {
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	#entry-bottom-left #similar, #entry-bottom-left #similar .aehnliche-wohnung{
		margin: 0 3px;
		position: relative;
	}
	 #entry-bottom-left #similar .aehnliche-wohnung{
		width: calc(33.33% - 6px);
		max-width: 200px;
		height: auto;
	}
	.aehnliche-wohnung img{
		position:relative;
	}
	.aehnliche-wohnung span{
		max-width: 100%;
		left: 0;
	}
	.mh-sidebar{
		float: none;
		width: 100%;
	}
	figure.alignleft, figure.alignright{
		float: none;
		display: block;
		margin: 10px auto;
	}
	figure.alignleft + figure.alignleft, figure.alignright + figure.alignright{
		/* float: left; */
	}
	#date_search{
		bottom: 110px;
		bottom: 0;
	}
	#date_search .search .rows2 {
		display: block;
		margin-bottom: .5em;
	}
	#date_search .search{
		padding: 15px 0;
		min-height: 80px;
		text-align:center;
		position: relative;
		width: 100%;
		height: inherit;
	}
	
	#besonderheiten{
		float: none;
		width: 100%;
		max-width: 100%;
	}
	#besonderheiten ul {
		width: 100%;
	}
	
	#grundriss {
		width: 100%;
		min-width: 155px;
		float: none;
		text-align: center;
		margin-bottom: 1em;
	}
	.entry-content table.saisonzeiten th {
		max-width: 30%;
	}
	.filter {
		font-size: 16px;
	}
	.archive-filters-block {
		padding: 10px 15px;
	}

}

@media screen and (max-width: 620px)
{
	p.software-notice2 {
		float: initial;
		clear: both;
		width: 100%;
	}
	.mh-loop-layout1 .mh-posts-list-excerpt {
		display: initial;
	}
	.mh-loop-layout1 .unterkunft .mh-posts-list-thumb, #mh-mobile .unterkunft .mh-custom-posts-thumb-xl, #mh-mobile .unterkunft .mh-posts-list-thumb, .mh-posts-grid-thumb {
		max-width: 200px;
	}
	.mh-loop-layout1 .unterkunft .mh-posts-list-thumb {
		margin-right: 10px;
	}
	.mh-posts-list-item.type-unterkunft {
		max-height: 235px;
	}
	#entry-bottom-left #similar .aehnliche-wohnung {
		width: calc(50% - 6px);
		max-width: 200px;
	}
	.entry-content table.saisonzeiten th {
		max-width: 75%;
	}


}
@media only screen and (max-width: 500px)
{

.pauschale{text-transform:none; color:#fff000 !important}
	#header .call{
		font-size: 1.1em;
		width: 100%;
	}

	#gallerie a{
		width: 50%;
	}
	.entry-content table.saisonzeiten th {
		font-size: 75%;
	}
}
@media only screen and (max-width: 420px)
{


	#date_search .send{
		display:block;
		margin: auto;
		margin: 10px auto 0;
		width: 80%;
	}
	.mh-loop-layout1 .mh-posts-list-excerpt {
		display: initial;
	}
	.mh-loop-layout1 .unterkunft .mh-posts-list-thumb {
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
	.mh-loop-layout1 .mh-posts-list-thumb img {
		max-width: 100%;
	}
	.mh-posts-list-item.type-unterkunft {
		max-height: initial;
	}
	.mh-posts-list-item.type-unterkunft .mh-loop-content {
		display: inline-block;
		padding: 1em;
	}
	
	#entry-bottom-left #similar .aehnliche-wohnung {
		width: calc(100% - 6px);
		max-width: 200px;
	}
	.entry-content table.saisonzeiten {
		max-width: 100%;
	}
	.entry-content table.saisonzeiten th {
		font-size: 60%;
	}
	.entry-content table.saisonzeiten td {
		font-size: 75%;
	}

}

@media only screen and (max-width: 340px)
{
	#date_search .feld1, #date_search .feld{
		min-width: 70%!important;
		margin: 5px 0;
	}
	#date_search .feld1{
	min-width: 86%!important;
	}
	 #date_search .feld{
	}
	.entry-content table.saisonzeiten {
		max-width: 100%;
	}
	.entry-content table.saisonzeiten th {
		font-size: 60%;
	}
	.entry-content table.saisonzeiten td {
		font-size: 60%;
	}

}

/* iOS fix */
.ws-date {
	width: 145px!important;
}

.ws-po-box {
	width: 250px;
	margin-left: -25px;
}

/**

.btn_pauschale {
  background: #133e73;
  background-image: -webkit-linear-gradient(top, #133e73, #133e73);
  background-image: -moz-linear-gradient(top, #133e73, #133e73);
  background-image: -ms-linear-gradient(top, #133e73, #133e73);
  background-image: -o-linear-gradient(top, #133e73, #133e73);
  background-image: linear-gradient(to bottom, #133e73, #133e73);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  font-family: Arial;
  color: #ffffff;
  font-size: 1.0em;
  padding: 20px 18px 20px 18px;
  text-decoration: none;
overflow: auto;
	width:95%;
}

**/

.btn_pauschale{text-align:center;float:left;background:#133e73;border-radius: 0.5em;color:#ffffff;padding:15px 22px;font-size:1.0em;box-shadow: 3px 3px 1px grey;text-transform:none;margin-right:5px;}
.btn_pauschale a{color:#fff;font-weight:400;}



.btn_pauschale:hover {
  background: #c23149;
  background-image: -webkit-linear-gradient(top, #c23149, #521923);
  background-image: -moz-linear-gradient(top, #c23149, #521923);
  background-image: -ms-linear-gradient(top, #c23149, #521923);
  background-image: -o-linear-gradient(top, #c23149, #521923);
  background-image: linear-gradient(to bottom, #c23149, #521923);
  text-decoration: none;
}

/**
 * Störer Umbauarbeiten Woge2
 */
.mh-loop-layout1 .mh-loop-thumb {
	position: relative;
}

form#trip_book .entry-calendar .calendar_wrap table td.dpick.frei,form#trip_book  .entry-calendar .calendar_wrap table td.dpick.anreise,form#trip_book  .entry-calendar .calendar_wrap table td.dpick.abreise {
	cursor: pointer;
}

.entry-calendar .calendar_wrap table td.dpick.selectedRange {
	color: #000;
	font-weight: bold;
	background-color: #FFF700;
}

.entry-calendar .calendar_wrap table td.dpick.anreise.selectedRange {
	background: linear-gradient(to right, #FFF700, #FF6060)
}

.entry-calendar .calendar_wrap table td.dpick.abreise.selectedRange {
	background: linear-gradient(to right, #FF6060, #FFF700)
}
.entry-calendar .calendar_wrap {
	width: initial;
	min-width: 23%;
	min-width: calc( 100% / 4 - 18px );
	font-size: 1em;
}
#trip_book input, #trip_book select {
	font-size: 100%;
}
#trip_book #calc_txt {
	float: right;
	text-align: right;
	width: 45%;
}
#trip_book #calc_txt br {
	clear: both;
}
#trip_book #calc_txt p.price {
	display: inline-block;
	text-align: right;
	width: 8em;
	clear: right;
	margin-bottom: 0;
}
#trip_book h2, #trip_book h3, #trip_book h4, #trip_book h5 {
	padding-bottom: 5px;
}
#book_form_1, #book_form_2, #book_form_2b, #book_form_3 {
	min-width: 400px;
}
#book_txt {
	padding-bottom: .5em;
	font-weight: bold;
	font-size: 2rem;
}
@media only screen and (max-width: 640px)
{
	#trip_book #calc_txt {
		float: initial;
		width: 100%;
	}
	#book_form_1, #book_form_2, #book_form_3 {
		width: 100%;
		min-width: initial;
	}
}