@charset "UTF-8";

/*
	Interphase by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* Basic */

	body, input, select, textarea {
		font-size: 12pt;
	}
	
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.5em;
	}

/* Header */

	#header {
		display: none;
	}

/* Layers */

	#navButton .toggle {
		text-decoration: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

		#navButton .toggle:before {
			content: "\f0c9"; /* fa-bars */
			font: var(--fa-font-solid);
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-style: normal;
			text-transform: none !important;
		}

		#navButton .toggle:before {
			background: rgba(144, 144, 144, 0.65);
			border-radius: 4px;
			color: #fff;
			display: block;
			font-size: 16px;
			height: 2.25em;
			left: 0.5em;
			line-height: 2.25em;
			position: absolute;
			text-align: center;
			top: 0.5em;
			width: 3.5em;
		}

	#navPanel {
		background: #e9ddce !important;
		background-image: none !important;
		color: #000000 !important;
	}

		#navPanel a {
			color: #000000 !important;
}		

		#navPanel .link {
			color: #000000 !important;
		}

		#navPanel nav {
			padding: 0.5em 1.25em;
		}

			#navPanel nav ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#navPanel nav ul li {
					padding: 0;
				}

					#navPanel nav ul li:first-child a:not(.button), #navPanel nav ul li:first-child span:not(.button) {
						border-top: 0;
					}

					#navPanel nav ul li a:not(.button), #navPanel nav ul li span:not(.button) {
						border-top: solid 1px rgba(144, 144, 144, 0.25);
						color: #fff;
						display: block;
						padding: 0.75em 0;
						text-decoration: none;
					}

			#navPanel nav .button {
				width: 100%;
			}

/* Footer */

	#footer .icons .rounded {
		font-size: 1.5em;
	}
	
/* Grundrissskizze positionieren */
.apartment-grundriss {
	flex-direction: column;
}

.apartment-text,
.apartment-bild {
	flex: 0 0 auto;
	max-width: 100%;
	width: 100%;
}

.apartment-text {
	margin-bottom: 0;
}

.apartment-text > :last-child {
	margin-bottom: 0;
}

.apartment-bild {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 0;
	padding-top: 0;
}

.apartment-bild img {
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	margin-top: 0;
	display: block;
}

/* Hintergrundbild im Zusatzbereich auf mobilen Ansichten ausblenden */
#zusatzbereich.row {
	background-image: none !important;
}

#zusatzbereich.row > * {
	padding-left: 0;
	padding-top: 1.25em;
}

#zusatzbereich.row > *:first-child {
	padding-top: 0;
}

/* Buchungslink positionieren */
#buchungslink {
	margin-top: 1em;
}

/* Banner in mobiler Ansicht wieder auf volle Breite setzen */
#banner img {
	width: 100%;
	max-width: 100%;
	height: auto;
}