.fewotrenner {
	background: url(images/trenner.png) no-repeat center center;
	background-size: 70% auto;
	padding: 180px 0;
}
#fewotrennergr {
	padding-top: 0px; 
}
#fewotrennerlg {
}
#fewotrennerausst {
	padding: 80px 0;
}
#fewotrennerausst1 {
	padding: 80px 0;
}
#fewotrennerpreise {
	padding: 80px 0;
}
#fewotrennerbuchen {
	padding: 80px 0;
}

#fewobelegung, #fewolage, #fewopreise, #fewobuchen {
	margin: 1rem;
}
#fewoaustattungw1,
#fewoaustattung {
	padding: 1rem;
}

#pageHeader h1 {
	text-align: left;
	padding-bottom: 3rem;
}

#headerinner {
	position: relative !important;
}

#pageHeader #fewoort {
	position: absolute;
	right: 0px;
	width: 300px;
	height: 64px;
	top: 0;
	text-align: center;
}
#pageHeader #fewoort strong {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	font-size: 1.8rem;
	font-family: fontheadlines;
	color: #84776A;
}

#fewolinks {
	margin-top: 1rem;
	text-align: center;
}
#fewolinks a {
	font-size: 2rem;
	text-decoration: none;
	margin: 0 0.7rem;
}
#verfuegbarkeit {
	display: inline-block;
	margin: 5%;
	vertical-align: top;
	width: 90%;
	border: 1px solid #706E6F;
	background: #E0DCDB;
	background: #EEEBEB;
	border-radius: 15px;
	padding: 15px;
	text-align: center;
	position: relative;
}
#verfuegbarkeit p {
	text-align: left;
}
#verfuegbarkeit a {
	display: inline-block;
	min-width: 12rem;
	padding: 0.2rem 1rem;
	border-radius: 8px;
	text-decoration: none;
	font-size: 5vw;
	margin-top: 2rem;
	text-transform: uppercase;
	font-family: fontbold;
	color: #4A4649;
	color: #fff;
	border: 1px solid #4A4649;
}
#verfuegbarkeit .merkebtn {
	display: none;
	position: absolute;
	right: 0.3rem;
	top: 0.3rem;
	min-width: 60px;
	border: 0;
	margin: 0;
	padding: 0;
	height: 60px;
	background: url(images/merkzettel1.png) no-repeat center center;
	z-index: 10;
}
#verfuegbarkeit .gemerkt,
#verfuegbarkeit .merkebtn:hover {
	background: url(images/merkzettel12.png) no-repeat center center !important;
}
#preisebtn {
	margin-bottom: 2rem;
	background: #77B843;
}
#buchenbtn {
	background: #77B843;
}

#abpreis {
	color: #77B742;
	font-family: fontbold;
	font-size: 1.8rem;
}

#languageChange {
}
#content #languageChange li::before {
	content: '';
}
#content #languageChange li {
	padding-left: 0;
}

#fewolagedesc, #fewogrundrissdesc {
	padding: 1rem;
}

.fewoblock {
	text-align: center;
}

h2 {
	text-align: center;
}

#fewokarte {
	width: 100%;
	box-sizing: border-box;
}

body.fewo #contentBody .bx-wrapper {
	float: none;
}
#fewolinks a {
	color: #fff;
}

#fewoaustattungw1 .fewoblock h3,
#fewoaustattung .fewoblock h3 {
	font-size: 8vw;
}

#fewoaustattungw1 .fewoblock,
#fewoaustattung .fewoblock {
	padding-top: 120px;
	margin-bottom: 2rem;
}
#fewoaustattungw1 .fewoblock6,
#fewoaustattung .fewoblock6 {
	padding-top: 0px;
}
#fewoaustattungw1 .fewoblock1,
#fewoaustattung .fewoblock1 {
	background: url(images/ausst-allg.png) no-repeat center top;	
}
#fewoaustattungw1 .fewoblock2,
#fewoaustattung .fewoblock2 {
	background: url(images/ausst-kitchen.png) no-repeat center top;	
}
#fewoaustattungw1 .fewoblock3,
#fewoaustattung .fewoblock3 {
	background: url(images/ausst-bad.png) no-repeat center top;	
}
#fewoaustattungw1 .fewoblock4,
#fewoaustattung .fewoblock4 {
	background: url(images/ausst-bed2.png) no-repeat center top;	
}
#fewoaustattungw1 .fewoblock5 {
	background: url(images/ausst-tv.png) no-repeat center top;	
}
	
@media (min-width: 45em) {
	.fewotrenner {
		background-size: auto auto;
	}

	#fewoaustattungw1 .fewoblock h3,
	#fewoaustattung .fewoblock h3 {
		font-size: 1.4rem;
	}
	#verfuegbarkeit a {
		font-size: 1rem;
	}
	h2 {
		text-align: left;
	}
	#fewoaustattungw1 .fewoblock,
	#fewoaustattung .fewoblock {
		padding-top: 0;
		padding-left: 120px;
		margin-bottom: 1rem;
	}
	#fewoaustattungw1 .fewoblock1,
	#fewoaustattungw1 .fewoblock2,
	#fewoaustattungw1 .fewoblock3,
	#fewoaustattungw1 .fewoblock4,
	#fewoaustattungw1 .fewoblock5,
	#fewoaustattung .fewoblock1,
	#fewoaustattung .fewoblock2,
	#fewoaustattung .fewoblock3,
	#fewoaustattung .fewoblock4 {
		background-position-x: left;	
	}
	.fewoblock {
		display: inline;
		float: left;
		width: 46%;
		margin: 0 1% 1rem 0;
		vertical-align: top;
		text-align: left;
		min-height: 100px;
	}
	#fewogrundriss, #fewolage {
		margin-top: 100px;
	}
	
	#fewogrundrisse,
	body.fewo #fewogrundriss .bx-wrapper {
		position: relative;
		display: inline-block;
		width: 60%;
		margin: -100px 4% 1rem 1%;
		margin-bottom: 1rem;
		vertical-align: middle;
		box-sizing: border-box;
	}
	
	#fewokarte {
		position: relative;
		display: inline-block;
		width: 60%;
		margin: -100px 4% 1rem 1%;
		margin-bottom: 1rem;
		vertical-align: middle;
	}
	#fewokarte {
		height: 500px;
	}
	#fewogrundrisse {
		margin: -100px 1% 1rem 4%;
	}
	#fewogrundrisse img {
		width: 100%;
	}

	#fewolagedesc, #fewogrundrissdesc {
		position: relative;
		display: inline-block;
		width: 30%;
		margin-top: 1rem;
		vertical-align: middle;
	}
	#fewogrundrissdesc {
		margin: 1rem 1% 1rem 4%;
	}
	#verfuegbarkeit {
		width: 30%;
		margin: 3rem 2% 2rem 3%;
	}
	#fewolinks {
		margin-top: -3rem;
		text-align: right;
		padding-right: 20%; 
	}
	#fewolinks a {
		margin: 0 1.5rem;
		font-size: 2rem;
	}
	#pageHeader #fewoort strong {
		top: 40px;
		font-size: 3rem;
	}	
	#pageHeader #fewoort {
		top: 0;
	}
	#pageHeader h1 {
		padding-top: 120px;
	}
	#contentBody #contentInner {
		width: 65%;
		margin-right: 5%;
		display: inline-block;
	}
	
	#header.shrink #headerinner {
		position: fixed !important;
	}
	#header.shrink #headerinner #headerinnercenter {
		background: #E4E0D9;
		border-bottom: 2px solid #4F672F;
	}
	#header.shrink #mainnavdesk {
		display: none;
	}
	#fewoheader {
		position: absolute;
		bottom: 0;
		left: 180px;
		height: 100%;
		padding-top: 1.2rem;
	}
	#fewoheader a {
		color: #4F672F;
		font-size: 1.4rem;
		padding: 0.4rem 1rem;
		text-decoration: none;
	}
	#header.shrink #contacthead {
		display: none;
	}
	#shrinktitle {
		font-family: fontbold;
	}
	#fewobilder {
	}
	.grid-container {
		padding-bottom: 10px;
	}
	
	.grid-container > div.mehrbilder {
		bottom: 80px;
		height: 50px;
	}

}
@media (min-width: 65em) {
	.fewoblock {
		width: 30%;
	}

	#header.shrink #fewoheader {
		display: block;
	}
}
	
#mainnav {
	display: none;
}
.grid-container > .item1 {
  grid-area: firstImg;
  padding: 30% 0;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.grid-container > .item3 {
  border-top-right-radius: 15px;
}
.grid-container > .item5 {
  border-bottom-right-radius: 15px;
}
.grid-container {
  display: grid;
  grid-template-areas:
    'firstImg firstImg . .'
    'firstImg firstImg . .';
  grid-gap: 10px;
  background-color: #E0DCDB;
  padding: 10px 10px 60px 10px;
}

.grid-container > div {
  text-align: center;
  background-position: center center;
  background-size: cover;
  	background-size: 100% auto;
  padding: 0;
  position: relative;
		transition-delay: 0ms;
		transition-duration: 300ms;
		transition-property: all;
		transition-timing-function: ease-in;
		-moz-transition-delay: 0ms;
		-moz-transition-duration: 300ms;
		-moz-transition-property: all;
		-moz-transition-timing-function: ease-in;
		-webkit-transition-delay: 0ms;
		-webkit-transition-duration: 300ms;
		-webkit-transition-property: all;
		-webkit-transition-timing-function: ease-in;
}
.grid-container > div:hover {
	cursor: pointer;
}
.gallink {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.0);	
	opacity: 0;
	text-align: center;
	text-decoration: none;
	z-index: 10;
		transition-delay: 0ms;
		transition-duration: 300ms;
		transition-property: all;
		transition-timing-function: ease-in;
		-moz-transition-delay: 0ms;
		-moz-transition-duration: 300ms;
		-moz-transition-property: all;
		-moz-transition-timing-function: ease-in;
		-webkit-transition-delay: 0ms;
		-webkit-transition-duration: 300ms;
		-webkit-transition-property: all;
		-webkit-transition-timing-function: ease-in;
}
#content .gallink p {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 60px;
	font-family: fontbold;
	color: #fff;
	margin-top: -40px;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	z-index: 10;
}
.grid-container > div:hover .gallink {
	background: rgba(0,0,0,0.5);	
	opacity: 1.0;
}
.grid-container > div:hover {
	background-size: 103% auto;
}
#fewoaustattungw1 {
	margin-top: 2rem;
}



iframe::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.itemhidden {
	display: none;
}
.grid-container > div.mehrbilder {
	position: absolute;
	z-index: 1000;
	right: 20px;
	bottom: 10px;
	width: auto;
	height: auto;
}
#content .grid-container > div.mehrbilder a {
	text-decoration: none;
}
#content .grid-container > div.mehrbilder span {
	font-size: 20px;
	background: rgba(0,0,0,0.7);
	border-radius: 8px;
	padding: 5px 10px;
	font-family: fontbold;
	color: #fff;
	text-decoration: none;
}

#fewobilder {
	position: relative;
}