@font-face {
	font-family: 'Mogra';
	src: url('../webfonts/Mogra-Regular.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Signika';
	src: url('../webfonts/Signika-Medium.ttf') format('truetype');
	font-display: swap;
}
*, h1, h2, h3, h4, p, span, label, li {
	font-family: 'Signika',Arial,Helvetica,sans-serif;
}
body {
	padding:120px 0 0 0;
	background-color:#F7FAFD; /*#FEFDFA;*/
	/*background:linear-gradient(90deg,#FDFCF7,#fff,#FDFCF7);*/
}
nav.navbar {
	height:120px;
	border-top:5px solid #61471D; /*#617E87;*/
	z-index:99;
	background:linear-gradient(90deg,#F9F7EB,#fff,#F9F7EB);
	font-weight:bold;
	box-shadow:0px 1px 5px #000;
}
nav.navbar h1 {
	margin:0;
	padding:0;
	font-size:2.25rem;
	font-weight:bold;
	color:#61471D;
	vertical-align:middle;
}
nav.navbar a {
	color:#61471D;
	text-decoration:none;
	display:block;
}
nav.navbar h1 span {
	vertical-align:middle;
}
nav.navbar strong {
	font-family: Mogra, 'Comic Sans MS', sans-serif;
	font-weight:bold;
	font-size:2.8rem;
	line-height:2rem;
	color:#61471D;
	vertical-align:middle;
	margin:0 0.8rem 0 0.8rem;
}
#hamburger {
	width:60px;
	height:58px;
	border:4px solid #61471D;
	border-radius:20%;
	font-size:2rem;
	color:#61471D;
	text-align:center;
	background-color:#FEFDFA;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;
	align-content:center;
	text-align:center;
	justify-content:center;
}

div#fewoHeadCarousel {
	height:40vh;
	box-shadow:0px 0px 5px #000;
}
div.carousel-inner {
	height:100%;
}
div.carousel-inner > div {
	height:100%;
}
.carousel-control, .carousel-control a {
	color:#fff;
	opacity:0.9;
	font-size:4.5rem;
	text-shadow:1px 1px 2px #000;
	cursor:pointer;
}
div.carousel-indicators div {
	height:1.25rem !important;
	width:5rem !important;
	box-shadow:1px 1px 2px #000;
	border:none !important;
	border-top-width:0;
	border-bottom-width:0;
	margin-right:1rem !important;
}
div.carousel-indicators div:last-child {
	margin-right:0 !important;
}

div#fewoHeadCarousel div.carousel-inner div.carousel-item {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
div#fhCarousel1 {
	background-image:url('../gfx/carousel/01_haus.avif');
}
div#fhCarousel2 {
	background-image:url('../gfx/carousel/02_schlafzimmer.avif');
}
div#fhCarousel3 {
	background-image:url('../gfx/carousel/03_badezimmer.avif');
}

div#badarolsen {
	height:40vh;
	background-image:url('../gfx/schlossbreit.avif');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	box-shadow:0px 0px 5px #000;
}
div#anfragen {
	height:40vh;
	background-image:url('../gfx/sitzecke.avif');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	box-shadow:0px 0px 5px #000;
}


h2 {
	font-weight:bold;
	font-size:2.25rem;
	margin-top:2.5rem;
}
p, div.offcanvas, li, div.ftentry {
	font-size:1.25rem;
}

.btn-primary {
	background:linear-gradient(#1694C2,#465960);
	color:#fff;
	text-shadow:1px 1px 1px #000;
	border:1px solid #2D393D;
}
.btn-primary:hover {
	background:linear-gradient(#1AAFE6,#576E77);
	color:#fff;
	text-shadow:1px 1px 1px #000;
	border:1px solid #2D393D;
}


div.contentcontainer {
	padding:0 1rem 2.5rem 1rem;
	color:#465960;
}
div.contentcontainer strong, div.contentcontainer b {
	color:#66AC32; /*#9B6C1B; #1694C2;*/
}
div.contentcontainer a.textlink {
	color:#1694C2;
}
div.contentcontainer a.textlink:hover {
	color:#F6B248;
}
div.contentcontainer p i.fa-up-right-from-square {
	font-size:0.7rem;
	vertical-align:middle;
}


div.imgcontainerbox figure {
	text-align:center;
}
div.imgcontainerbox figure div {
	overflow:hidden;
	box-shadow:1px 1px 2px #333;
	width:316px;
	max-width:90vw;
	margin:0 auto 0 auto;
}
div.imgcontainerbox figcaption {
	text-align:center;
}
div.imgcontainerbox img {
	text-align:center;
	width:316px;
	max-width:90vw;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.imgcontainerbox a {
	text-decoration:none;
	color:#465960;
}
div.imgcontainerbox a:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

div.featurescontainerbox {
	padding:0 1rem 0 1rem;
}
div.ftentry {
	height:65px;
	padding:0 10px 0 80px;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center;
	margin-bottom:18px;
	background-repeat:no-repeat;
	background-position:0px center;
	background-size:60px 64px;
}
div#ftFahrstuhl { background-image:url('../gfx/icons/fahrstuhl.png'); }
div#ftBarrierearm { background-image:url('../gfx/icons/barrierearm.png'); }
div#ftBalkon { background-image:url('../gfx/icons/balkon.png'); }
div#ftWifi { background-image:url('../gfx/icons/wifi.png'); }
div#ftBackofen { background-image:url('../gfx/icons/backofen.png'); }
div#ftGeschirrspueler { background-image:url('../gfx/icons/geschirrspueler.png'); }
div#ftKuehlfach { background-image:url('../gfx/icons/kuehlfach.png'); }
div#ftKaffeemaschine { background-image:url('../gfx/icons/kaffeemaschine.png'); }
div#ftDuschbad { background-image:url('../gfx/icons/duschbad.png'); }
div#ftTv { background-image:url('../gfx/icons/tv.png'); }
div#ftWama { background-image:url('../gfx/icons/wama.png'); }
div#ftFliegengitter { background-image:url('../gfx/icons/fliegengitter.png'); }
div#ftRauchmelder { background-image:url('../gfx/icons/rauchmelder.png'); }
div#ftBettwaesche { background-image:url('../gfx/icons/bettwaesche.png'); }
div#ftParkplatz { background-image:url('../gfx/icons/parkplatz.png'); }
div#ftWallbox { background-image:url('../gfx/icons/wallbox.png'); }
div#ftNichtraucher { background-image:url('../gfx/icons/nichtraucher.png'); }
div#ftHaustiere { background-image:url('../gfx/icons/haustiere.png'); }
div#ftReinigung { background-image:url('../gfx/icons/reinigung.png'); }
div#ftPreis { background-image:url('../gfx/icons/preis.png'); }

div.offcanvas {
	background-image:url('../gfx/hausgrau.avif');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain;
	padding:1rem;
	max-width:80vw;
}
div.offcanvas h3, div.offcanvas h4 {
	font-size:1.25rem;
	display:block;
	padding:0;
}
div.offcanvas h3 {
	margin:0 0 0.75rem 0;
}
div.offcanvas h4 {
	margin:0 0 0.25rem 0;
}
div.offcanvas div.btn-close {
	cursor:pointer;
}
div.offcanvas-header {
	align-items: flex-start;
	padding-bottom:0;
	margin-bottom:0;
}
div.offcanvas-body {
	padding-top:0;
	padding-bottom:0;
	margin:0;
}
div.offcanvas-navarea {
	padding:0;
	margin-top:1rem;
	background-color:rgba(255,255,255,0.9);
}
div.offcanvas ul {
	margin:0;
	padding:0 0 0 1.25rem;
}
div.offcanvas li a {
	display:inline-block;
	height:2rem;
	color:#000;
	text-decoration:none;
}
div.offcanvas li a:hover {
	color:#264D82;
}

footer {
	padding:5rem 0 4rem 0;
	/*background-color:#566266;*/
	background:linear-gradient(#465960,#2D393D);
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
footer h1 {
	font-size:1rem;
	font-weight:normal;
}
footer h1 strong {
	font-family: Mogra, sans-serif;
	font-weight:bold;
	font-size:1.75rem;
	color:#fff;
}
footer .fa-house {
	font-size:1.5rem;
}
footer p {
	font-size:1.25rem;
	margin:2px 0 0 0;
	padding:0;
}
footer a {
	color:#fff;
	text-decoration:none;
}
footer a:hover {
	color:#CEF5FC;
}
footer div.row {
	margin-top:1rem;
}
footer div.row div:last-child {
	text-align:right;
}


div#imageviewermodal {
	color:#fff;
}
div#imageviewermodal a {
	color:#fff;
}
div#imageviewermodal div.modal-dialog, div#imageviewermodal div.modal-content, div#imageviewermodal div.imageviewerrow {
	background-color:#2c2c2c;
}
div#imageviewermodal div.imageviewerrow {
	background:linear-gradient(#333,#1d1d1d);
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:stretch;
	height:100%;
}
div#imageviewermodal div.imgnavleft, div#imageviewermodal div.imgnavright {
	font-size:3.5rem;
	text-align:center;
	width:7rem;
	padding:0;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items: center;
	justify-content: center;
	align-content:center;
	cursor:pointer;
	vertical-align:middle;
	
}
div#imageviewermodal div.imgnavleft:hover, div#imageviewermodal div.imgnavright:hover {
	font-size:4.5rem;
	background-color:#ffffff33;
}
div#imageviewermodal div.imgmiddlecontainer {
	flex-grow:1;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items:stretch;
}
div#imageviewermodal div.imgmiddlecontainer div.imgholder {
	flex-grow:1;
	text-align:center;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-image:url('../gfx/wohnung/wohnung01_gross.avif');
}
div#imageviewermodal div.imgmiddlecontainer div.imgcaption {
	flex-grow:0;
	text-align:center;
	padding:1rem 0 1rem 0;
	font-size:1.25rem;
}
div#imageviewermodal div.imgmiddlecontainer div.imgcaption:first-child {
	color:#e0e0e0;
}

div.secondarypage h3 {
	margin-top:2.25rem;
}
p#dspreface {
	font-weight:bold;
	margin:1rem 0 1rem 0;
}




@media (max-width: 991.98px) {
	body {
		padding:80px 0 0 0;
	}
	nav.navbar {
		height:80px;
	}
	nav.navbar h1 {
		font-size:1.25rem;
	}
	nav.navbar strong {
		font-size:1.75rem;
		line-height:1.25rem;
	}
	#hamburger {
		width:48px;
		height:48px;
		border:2px solid #61471D;
		font-size:1.5rem;
	}
	h1, h2 {
		font-size:1.5rem;
	}
	p, footer p, li, div.ftentry {
		font-size:1rem;
	}
	div.offcanvas-navarea {
		padding:1rem;
	}
}
@media (max-width: 575.98px) {
	nav.navbar h1 {
		font-size:1rem;
		vertical-align:middle;
	}
	nav.navbar h1 span {
		line-height:1.15rem;
		vertical-align:middle;
	}
	nav.navbar strong, footer h1 strong {
		font-size:1.4em;
		line-height:1.15rem;
		vertical-align:middle;
	}
	nav.navbar strong {
		margin:0.4rem 0.4rem -1rem 0.4rem;
	}
	#hamburger {
		width:40px;
		height:40px;
		border:2px solid #61471D;
		font-size:1.25rem;
	}
	h1, h2 {
		font-size:1.4rem;
	}
	p {
		font-size:1rem;
	}
	div#fewoHeadCarousel {
		height:30vh;
	}
	.carousel-control, .carousel-control a {
		font-size:3rem;
	}
	div.carousel-indicators div {
		height:1rem !important;
		width:4rem !important;
	}
	div#badarolsen {
		height:30vh;
	}
	footer div.row div {
		margin:1rem 0 0 0;
	}
	footer div.row div:last-child {
		text-align:left;
	}
	div.offcanvas-navarea {
		padding:0;
	}
	div#imageviewermodal div.imgnavleft, div#imageviewermodal div.imgnavright {
		font-size:2rem;
		width:3rem;
	}
	div#imageviewermodal div.imgnavleft:hover, div#imageviewermodal div.imgnavright:hover {
		font-size:2.5rem;
	}
	div#imageviewermodal div.imgmiddlecontainer div.imgcaption {
		font-size:1rem;
	}
}