/*
===============================================================================

 template: Template 10 - CSS

===============================================================================
*/

/* -------------------------------------------------------------
Stylesheet
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Company:    onOffice GmbH
------------------------------------------------------------- */

/* -------------------------------------------------------------
Default settings
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
	padding: 0;
	margin: 0;
}

	*:focus, *:active {
		outline: none;
	}

html {
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	font-family: arial, verdana, arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	background: #fff;
}

a, a:visited, a:active {
	color: #ef7b00;
	text-decoration: underline;
	cursor: pointer;
}

	a:hover {
		color: #ef7b00;
		text-decoration: none;
		cursor: pointer;
	}

	a:focus, a:active {
		outline: none;
	}

.hidden {
	left: -100000px;
	overflow: hidden;
	position: absolute;
	top: -100000px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 28px;
}

h1, h2 {
	margin: 0 0 30px 0;
	font-size: 24px;
	color: #333;
}

h2 {
	padding: 0 0 15px 0;
	margin:  0 0 15px 0;
	position: relative;
}

	h2:after {
		content: '';
		height: 4px;
		width: 75px;
		margin: 0 0 0 -37px;
		background: #ef7b00;
		position: absolute;
		bottom: -2px;
		left: 50%;
	}

h3 {
	font-size: 18px;
}

.property-sitemap h1,
.property-sitemap h3 {
	display: none;
}

p {
	margin: 0 0 20px 0;
	line-height: 24px;
	color: #333;
	max-width: 100%;
}

ul {
	margin: 13px 0 18px 13px;
	display: block;
}

	ul li {
		margin: 0 0 10px 0;
		line-height: 22px;
		list-style: disc outside none;
	}

ol {
	margin: 0 0 18px 25px;
}

	ol li {
		margin: 0 0 10px 0;
		line-height: 22px;
	}

img, a img {
	border: none;
	background: rgba(255,255,255,0.0);
}

/*label {
	font-weight: 600;
}

input, select, textarea {
	width: 100%;
	padding: 2px 5px;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #333;
}

	input.submit {
		width: 100%;
		padding: 0.5rem 0;
		background: #f2f2f2;
		text-align: center;
		font-weight: 700;
		cursor: pointer;
	}

	select {
		width: 100%;
	}

		select.default {
			color: #9d9d9d;
		}

	option {
		color: #333;
		cursor: pointer;
	}

	textarea {
		resize: vertical;
	}*/

table {
	margin: 0 auto;
}

.no-padding {
	padding: 0 !important;
}

.no-border {
	border: none !important;
}

.no-border-right {
	border-right: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.clear {
	clear: both;
}

@media (min-width: 640px) {
	.center {
		text-align: center !important;
	}

	.right {
		text-align: right !important;
	}

}

@media (min-width: 880px) {

	header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}

}

b,
strong {
	font-weight: 600;
}

p,
td,
li,
.detail .information span {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#fancybox-wrap,
#fancybox-wrap:before,
#fancybox-wrap:after,
#fancybox-wrap *,
#fancybox-wrap *:before,
#fancybox-wrap *:after {
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

.cookie {
	position: fixed;
	bottom: 0;
	background: #efefef;
	width: 100%;
	padding: 10px;
	z-index: 5000;
}

.cookie_text {
	width: 75%;
	float: left;
}

.cookie .button_ok {
	width: 25%;
	float: left;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
}

/* -------------------------------------------------------------
Top-bar
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.column.topbar {
	margin: 0;
}

.top-bar {
	padding: 5px 0;
	background: #f2f2f2;
	font-size: 0.71428571rem;
	line-height: 28px;
	color: #8e8eb0;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	z-index: 100;
	white-space: nowrap;
}

	.top-bar .contact {
		margin: 0 0 0.71428571rem 0;
	}

	.top-bar .contact span {
		display: block;
	}

	.top-bar .contact span,
	.top-bar .contact span a {
		color: #666 !important;
	}

	.top-bar .contact span a {
		text-decoration: none;
	}

	.top-bar .social {
		height: 28px;
		float: left;
		display: inline;
	}

		.top-bar .social ul {
			margin: 0;
		}

		.top-bar .social li {
			margin: 0;
			border-right: 1px solid #d9d9e1;
			line-height: 28px;
			float: left;
			display: inline;
		}

			.top-bar .social li:last-child {
				border-right: 0;
			}

	.top-bar .social a {
		padding: 0 10px;
		text-decoration: none;
	}

	.top-bar .languages {
		height: 28px;
		width: 32px;
		padding: 4px;
		border: 1px solid #e6e6e6;
		margin: 0 22px 0 0;
		background: #fff;
		position: relative;
		float: right;
		display: block;
	}

		.top-bar .languages .active-language {
			height: 18px;
			width: 22px;
			display: block;
			position: absolute;
			top: 4px;
			left: 4px;
		}

		.top-bar .languages i {
			height: 28px;
			width: 17px;
			border-width: 1px 1px 1px 0;
			border-style: solid;
			border-color: #e6e6e6;
			background: #fff;
			line-height: 26px;
			text-align: center;
			display: block;
			position: absolute;
			top: -1px;
			left: 31px;
			cursor: pointer;
		}

		.top-bar .languages img {
			margin: 0;
		}

		.top-bar .languages ul {
			width: 32px;
			padding: 4px 4px 0 4px;
			border: 1px solid #e6e6e6;
			margin: 0;
			background: #fff;
			display: none;
			position: absolute;
			top: 26px;
			left: -1px;
		}

		.top-bar .languages li {
			margin: 0 0 4px 0;
			list-style: none;
		}

	@media (min-width: 640px) {
		.top-bar .contact {
			margin: 0;
		}

		.top-bar .social {
			float: right;
		}

		.top-bar .column {
			text-align: left;
		}

		.top-bar .contact span {
			margin: 0 10px 0 0;
			display: inline;
		}
	}

/* -------------------------------------------------------------
Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.navigation {
	padding: 0;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	position: relative;
	z-index: 80;
}

	.navigation .logo {
		padding: 1.07142857rem 0;
		margin: 0;
		text-align: left;
		position: relative;
	}

		.navigation .logo h1 {
			margin: 0;
			text-align: left;
		}

		.navigation .logo a {
			display: inline;
			line-height: 0;
		}

		.navigation .logo img {
			margin: 0;
			display: block;
			max-height: 160px;
			max-width: 100%;
			width: auto;
			padding: 10px;
			background: #fff;
		}

		.navigation .logo i {
			margin: -24px 0 0 0;
			font-size: 28px;
			color: #ef7b00;
			position: absolute;
			top: 50%;
			right: 0;
			padding: 10px;
			cursor: pointer;
		}

	.navigation .three-fourths {
		margin: 0;
	}

	.navigation nav {
		display: none;
	}

		.navigation nav ul {
			margin: 0;
		}

			.navigation nav ul ul {
				border-top: 1px solid #e6e6e6;
				background: #f2f2f2;
			}

		.navigation nav li {
			border-bottom: 1px solid #e6e6e6;
			margin: 0;
			list-style: none;
			text-transform: uppercase;
		}

			.navigation nav li li {
				padding: 0 0 0 15px;
				text-transform: none;
			}

			.navigation nav li:last-child {
				border-bottom: 0;
			}

		.navigation nav a {
			padding: 10px 0;
			display: block;
			font-size: 13px;
			text-decoration: none;
			color: #686868;
		}

			.navigation nav a.selected {
				font-weight: 700;
				color: #ef7b00;
			}

				.navigation nav ul ul a {
					padding: 8px 0;
				}

@media (max-width: 1024px) {
	.navigation .logo img {
			max-height: 150px;
	}
}

@media (min-width: 640px) {
	.navigation .logo {
		width: 100%;
	}

	.navigation .three-fourths {
		width: 100%;
	}
}

@media (min-width: 1025px) {
	.navigation {
		height: 84px;
	}

	.navigation .column {
		height: 84px;
		text-align: left;
	}

	.navigation .logo {
		padding: 8px 1rem;
		width: 25%;
	}

	.navigation .wrap-logo {
		border-spacing: 0;
		border-collapse: collapse;
		height: 100%;
		width: 100%;
		table-layout: fixed;
	}

	.navigation .wrap-logo td {
		vertical-align: middle;
	}

	.navigation .logo i {
		display: none;
	}

	.navigation .three-fourths {
		width: 75%;
		padding-left: .5rem;
		padding-right: .25rem;
	}

	.navigation nav {
		margin: 0;
		display: block !important;
	}

	.navigation nav ul ul {
		width: 180px;
		border: 0;
		background: #fff;
		display: none;
		position: absolute;
		top: 100%;
		left: -8px;
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.20);
		-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.20);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.20);
		z-index: 100;
	}

	.navigation nav ul ul ul {
		display: none;
		left: 100%;
		top: 0;
	}

	.navigation nav li {
		border-bottom: 0;
		line-height: 80px;
		position: relative;
		float: left;
		display: inline;
	}

		.navigation nav li li {
			padding: 0;
			border-bottom: 1px solid #efefef;
			line-height: 18px;
		}

		.navigation nav li:hover > ul {
			display: block;
		}

	.navigation nav a {
		padding: 0 8px;
		border-bottom: 4px solid #fff;
		font-weight: 600;
		background-color: #fff;
	}

		.navigation nav a:hover {
			color: #ef7b00;
		}

		.navigation nav a.selected,
		.navigation nav a.selected:hover {
			font-weight: 600;
			border-bottom: 4px solid #ef7b00;
		}

	.navigation nav li li a {
		width: 180px;
		padding: 15px;
		border: 0;
		display: block;
		font-weight: 400;
	}

		.navigation nav li li a:hover {
			background: #f4f4f4;
		}

		.navigation nav li li a.selected,
		.navigation nav li li a.selected:hover {
			border: 0;
		}
}

/* -------------------------------------------------------------
Slider-large
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.slider-large {
	height: 225px;
	background-color: #f2f2f2;
	position: relative;
	overflow: hidden;
}

	.slider-large .container {
		height: 100%;
		z-index: 60;
		position: relative;
	}

	.slider-large .quicksearch {
		//display: none;
	}

	.slider-large .slider-navigation {
		width: 100%;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 0;
	}

		.slider-large .slider-navigation p {
			height: 15px;
			margin: 0;
		}

		.slider-large .slider-navigation span {
			height: 13px;
			width: 13px;
			border: 2px solid #fff;
			margin: 0 0 0 5px;
			background: #fff;
			display: inline-block;
			zoom: 1;
			*display: inline;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			cursor: pointer;
		}

			.slider-large .slider-navigation span.selected {
				background: #ef7b00;
			}

	.slider-large .animation {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

		.slider-large .animation ul {
			display: none;
		}

		.slider-large .animation div {
			height: 100%;
			width: 100%;
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			image-rendering: optimizequality;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
		}

			.slider-large .smartsitebanner-1,
			.slider-large .smartsitebanner-2,
			.slider-large .smartsitebanner-3,
			.slider-large .smartsitebanner-4,
			.slider-large .smartsitebanner-5,
			.slider-large .smartsitebanner-6,
			.slider-large .smartsitebanner-7,
			.slider-large .smartsitebanner-8,
			.slider-large .smartsitebanner-9 {
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			}

			.slider-large .smartsitebanner-1 {
				background-image: url(https://res.onoffice.de/template/template-10/images/slider/slide-1.jpg);
			}

			.slider-large .smartsitebanner-2 {
				background-image: url(https://res.onoffice.de/template/template-10/images/slider/slide-2.jpg);
			}

			.slider-large .smartsitebanner-3 {
				background-image: url(https://res.onoffice.de/template/template-10/images/slider/slide-3.jpg);
			}

			.slider-large .smartsitebanner-4 {
				background-image: url(https://res.onoffice.de/template/template-10/images/slider/slide-4.jpg);
			}

			.slider-large .smartsitebanner-5 {
				background-image: url(https://res.onoffice.de/template/template-10/images/slider/slide-5.jpg);
			}

			.slider-large .smartsitebanner-6 {
				background-image: url(https://res.onoffice.de/template/template-10/images/slider/slide-6.jpg);
			}

			.slider-large .smartsitebanner-7 {
				background-image: url(https://res.onoffice.de/template/template-10/images/slider/slide-7.jpg);
			}

			.slider-large .smartsitebanner-8 {
				background-image: url(https://res.onoffice.de/template/template-10/images/slider/slide-8.jpg);
			}

			.slider-large .smartsitebanner-9 {
				background-image: url(https://res.onoffice.de/template/template-10/images/slider/slide-9.jpg);
			}

@media (max-width: 640px) {
	.slider-large {
		height: initial;
	}

	.slider-large .container {
		position: initial;
	}

	.slider-large .animation {
		height: 225px;
		position: relative;
		top: -32px;
	}

	.slider-large .animation div {
		background-position: center center !important;
	}

	.slider-large .slider-navigation {
		bottom: initial;
		top: 140px;
	}

	.slider-large .slider-navigation p.right {
		display: none;
	}
}

@media (min-width: 640px) {
	.slider-large {
		height: 600px;
	}

		.slider-large .container {
			height: 100%;
		}

		.slider-large .quicksearch {
			padding: 1rem 1rem 0.5rem 1rem;
			margin: 65px 0 0 1rem;
			background: rgba(255,255,255,0.75);
			z-index: 80;
			display: block;
		}

			.ui-widget-content {
				margin: 0 0 0.5rem 0;
				background: #ef7b00;
				border-color: #e6e6e6;
			}

			.ui-widget-header {
				background: rgba(255, 255, 255, 0.35);
			}

			.ui-slider-horizontal .ui-slider-handle {
				cursor: pointer;
				-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
				-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
			}

			.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
				border-color: #aaa;
			}

			.slider-large .quicksearch label {
				width: 100%;
				margin: 0 0 2px 0;
				display: block;
				font-weight: 400;
			}

			.slider-large .quicksearch input, .slider-large .quicksearch select {
				margin: 0 0 0.5rem 0;
			}

		.slider-large .slider-navigation {
			width: 33.3%;
			position: absolute;
			bottom: 0;
			right: 0;
			left: inherit;
		}
}

@media (min-width: 880px) {
	.slider-large {
		margin: 114px 0 0 0;
	}
}

/* -------------------------------------------------------------
Slider-small
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.slider-small {
	height: 125px;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	image-rendering: optimizequality;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

	.slider-small:after {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		background: #ef7b00;
		position: absolute;
		top: 0;
		left: 0;
		filter: alpha(opacity=50);
		opacity: 0.5;
	}

	.slider-small .container {
		height: 100%;
		z-index: 60;
		position: relative;
	}

	.slider-small div.page-headline {
		padding: 15px;
		margin: 0;
		background: rgba(255, 255, 255, 0.75);
		display: inline;
		font-size: 18px;
		line-height: 22px;
		font-weight: 400;
		position: absolute;
		bottom: 0px;
		left: 1rem;
		right: 1rem;
	}

		.slider-small h2:after {
			display: none;
		}

	.slider-small .animation ul {
		display: none;
	}

	.slider-small .smartsitebanner-1 {
		background: url(https://res.onoffice.de/template/template-10/images/slider/slide-1.jpg) no-repeat top left;
	}

	.slider-small .smartsitebanner-2 {
		background: url(https://res.onoffice.de/template/template-10/images/slider/slide-2.jpg) no-repeat top left;
	}

	.slider-small .smartsitebanner-3 {
		background: url(https://res.onoffice.de/template/template-10/images/slider/slide-3.jpg) no-repeat top left;
	}

	.slider-small .smartsitebanner-4 {
		background: url(https://res.onoffice.de/template/template-10/images/slider/slide-4.jpg) no-repeat top left;
	}

	.slider-small .smartsitebanner-5 {
		background: url(https://res.onoffice.de/template/template-10/images/slider/slide-5.jpg) no-repeat top left;
	}

	.slider-small .smartsitebanner-6 {
		background: url(https://res.onoffice.de/template/template-10/images/slider/slide-6.jpg) no-repeat top left;
	}

	.slider-small .smartsitebanner-7 {
		background: url(https://res.onoffice.de/template/template-10/images/slider/slide-7.jpg) no-repeat top left;
	}

	.slider-small .smartsitebanner-8 {
		background: url(https://res.onoffice.de/template/template-10/images/slider/slide-8.jpg) no-repeat top left;
	}

	.slider-small .smartsitebanner-9 {
		background: url(https://res.onoffice.de/template/template-10/images/slider/slide-9.jpg) no-repeat top left;
	}

	.slider-small .smartsitebanner-1,
	.slider-small .smartsitebanner-2,
	.slider-small .smartsitebanner-3,
	.slider-small .smartsitebanner-4,
	.slider-small .smartsitebanner-5,
	.slider-small .smartsitebanner-6,
	.slider-small .smartsitebanner-7,
	.slider-small .smartsitebanner-8,
	.slider-small .smartsitebanner-9 {
		background-size: cover;
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

@media (min-width: 640px) {
	.slider-small {
		height: 220px;
		padding: 52px 0;
	}
	.slider-small h2 {
		font-size: 28px;
		line-height: 28px;
	}
}

@media (min-width: 880px) {
	.slider-small {
		margin: 114px 0 0 0;
	}
}

/* -------------------------------------------------------------
Object-tabs
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.object-tabs {
	padding-top: 0;
	background: #fff;
	position: relative;
}

	.object-tabs .tabs {
		background: #ef7b00;
	}

		.object-tabs .tabs .column {
			padding: 0;
			margin: 0;
		}

		.object-tabs .tabs ul {
			width: 100%;
			margin: -20px 0 0 0;
			background: #ef7b00;
			z-index: 80;
		}

		.object-tabs .tabs li {
			margin: 0;
			list-style: none;
		}

		.object-tabs .tabs a {
			padding: 0 1rem;
			line-height: 40px;
			color: #fff;
			font-weight: 600;
			font-size: 14px;
			text-decoration: none;
			display: block;
		}

			.object-tabs .tabs a:hover {
				background: rgba(0, 0, 0, 0.1);
			}

			.object-tabs .tabs a.selected, .object-tabs .tabs a.selected:hover {
				background: rgba(0, 0, 0, 0.2);
			}

.tab-content {
	height: 1136px;
	padding: 1rem 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e6e6e6;
	background: #f2f2f2;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 800px) {
	.tab-content {
		height: 400px;
	}
}

	.tab-content .nav div {
		height: 104px;
		width: 83px;
		position: absolute;
		top: 129px;
		display: block;
		z-index: 80;
		cursor: pointer;
	}

		.tab-content .nav div.prev {
			background: url(https://res.onoffice.de/template/template-10/images/template/object-tabs-prev.png) no-repeat center center;
			left: 0;
			display: none;
		}

		.tab-content .nav div.next {
			background: url(https://res.onoffice.de/template/template-10/images/template/object-tabs-next.png) no-repeat center center;
			right: 0;
		}

	.tab-content .row {
		display: none;
		position: absolute;
	}

		.tab-content .selected {
			display: block;
		}

			.tab-content .object-frame {
				float: left;
			}

				li.tabcontent-loading {
					background-image: url(https://web3.onoffice.de/template/template-10/images/template/loading-tabcontent.gif);
					background-repeat: no-repeat;
					background-position: center center;
					background-size: 16px 16px;
				}

@media (min-width: 640px) {
	.object-tabs .tabs ul {
		margin: -30px 0 0 0;
		float: left;
	}

	.object-tabs .tabs li {
		float: left;
		display: inline;
	}

	.object-tabs .tabs a {
		line-height: 60px;
	}

		.object-tabs .tabs a.selected, .object-tabs .tabs a.selected:hover {
			background: url(https://res.onoffice.de/template/template-10/images/template/object-tabs-selected.png) no-repeat bottom center rgba(0, 0, 0, 0.2);
		}

	.tab-content .row {
		position: absolute;
		top: 19px;
		left: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

}

.tab-content .column {
/*		width: 253px;*/
	/*margin: 0 calc((100% - 253px) / 2);*/
/*		max-width: 253px;*/
	float: left;
}

@media (min-width: 880px) {
	.tab-content .column {
		margin: 0;
	}
}

/*    #top-angebote {
	display: block;
}*/

#immobilien-kaufen, #top-angebote, #immobilien-mieten, #referenzen, #hotel, #neubau {
	width: 100%;
	display: block;
}

#startseiteobjectall0 {
	width: 100%;

}
.object-frame  {
	width: 100%;
	height: 300px;
}

.slick-prev {
	left: 15px;
}

.slick-next {
	right: 15px;
}

.slick-arrow {
	position: absolute;
	top: 40%;
	height: 60px;
	width: 60px;
	z-index: 500;
background: none;
border: none;
font-size: 50px;
color: #000;
opacity: 0.5;
}

.slick-list {
	height: 400px;
}

.slick-disabled {
	display:none !important;
}

/* -------------------------------------------------------------
Content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.content {
	border-width: 1px 0;
	border-style: solid;
	border-color: #e6e6e6;
	background: #f2f2f2;
	position: relative;
}

	.content .container.small-width .two-thirds {
		/*padding: 1rem 1rem 0 1rem;*/
		padding: 1rem;
		border: 1px solid #e6e6e6;
		background: #fff;
	}

	.content .container.small-width .third > div {
		padding: 1rem 1rem 0 1rem;
		border: 1px solid #e6e6e6;
		background: #fff;
	}

	.content .container.full-width {
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: #e6e6e6;
		background: #fff;
	}

		.content .container.full-width .column {
			padding: 1rem;
			border-width: 1px 0 0 0;
			border-style: solid;
			border-color: #e6e6e6;
			margin: 0;
		}

			.content .container.full-width .column:nth-child(1) {
				border-top-width: 0;
			}

			.content .container.full-width .column p:last-child {
				margin: 0;
			}

			.column.two-thirds > img,
			.column.two-thirds > p > img {
				height: auto !important;
				max-width: 100%;
			}

	.content .icon {
		height: 125px;
		margin: 0 0 15px 0;
		background: #f2f2f2;
		line-height: 125px;
		color: #ef7b00;
		text-align: center;
		font-size: 60px;
		cursor: default;
	}

		.content .icon i {
			cursor: default;
		}

	.content h2 {
		padding: 0 0 15px 0;
		margin: 40px 0 15px 0;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		line-height: inherit;
	}

		.content h2:first-child {
			margin: 0 0 15px 0;
		}

	.content .third form {
		margin: 0 0 15px 0;
	}

		.content .third form input, .content .third form select {
			margin: 0 0 0.5rem 0;
		}

		.content .third form label {
			font-weight: 400;
		}

		.content .third form .submit {
			padding: 2px 5px;
		}

		.content .third .news-list h2 {
			padding: 0;
			margin: 0 0 4px 0;
			text-align: left;
		}

			.content .third .news-list h2:after {
				display: none;
			}

		.content .third .news-list .image {
			max-width: 103px;
			padding: 2px;
			border: 1px solid #e6e6e6;
			margin: 0 15px 5px 0;
			float: left;
			display: inline;
		}

			.content .third .news-list .image img {
				margin: 0;
			}

		.content .third .news-list p {
			padding: 0 0 10px 0;
			border-bottom: 1px solid #e6e6e6;
			margin: 0 0 10px 0;
			font-size: 12px;
			line-height: 20px;
			text-align: justify;
		}

			.content .third .last-news p {
				padding: 0;
				border: 0;
				margin: 0 0 20px 0;
			}

	.content .two-thirds .news-list .image {
			max-width: 130px;
			padding: 2px;
			border: 1px solid #e6e6e6;
			margin: 0 15px 5px 0;
			float: left;
			display: inline;
		}

			.content .two-thirds .news-list .image img {
				margin: 0;
			}

		.content .two-thirds .news-list p {
			min-height: 86px;
			padding: 0 0 20px 0;
			border-bottom: 1px solid #e6e6e6;
			margin: 0 0 20px 0;
		}

			.content .two-thirds .last-news p {
				padding: 0;
				border: 0;
				margin: 0 0 20px 0;
			}

	.news-details img {
		margin: 0 0 20px 0;
		float: left;
	}

	.news-details > img:first-of-type {
		margin: 0 20px 20px 0;
		width: 40%;
	}

	.content .two-thirds .interessentenformular h3 {
		padding: 0 0 15px 0;
		margin: 0 0 15px 0;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		line-height: inherit;
		position: relative;
	}

		.content .two-thirds .interessentenformular h3:after {
			content: '';
			height: 4px;
			width: 75px;
			margin: 0 0 0 -37px;
			background: #ef7b00;
			position: absolute;
			bottom: -2px;
			left: 50%;
		}

	.content .two-thirds input {
		width: 100%;
		margin: 0 0 20px 0;
	}

		.content .two-thirds input.vonbis {
			width: 49%;
			margin: 0 2% 20px 0;
			float: left;
			display: inline;
		}

			.content .two-thirds input.vonbis:nth-child(even) {
				margin: 0 0 20px 0;
			}

		.content .two-thirds input.submit {
			margin: 0 0 20px 33%;
		}

	.content .two-thirds select {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.content .two-thirds textarea {
		height: 95px;
		margin: 0 0 20px 0;
	}

	.td_left {
		width: 25%;
		float: left;
		display: inline;
	}

	.td_right {
		width: 75%;
		float: left;
		display: inline;
	}

	.pflichtfeld {
		margin: 0 0 20px 25%;
		font-size: 12px;
	}

@media (min-width: 640px) {
	.content .container.full-width .column {
		border-width: 1px 1px 0 0;
	}

		.content .container.full-width .column:nth-child(1),
		.content .container.full-width .column:nth-child(2),
		.content .container.full-width .column:nth-child(3),
		.content .container.full-width .column.fourth:nth-child(4) {
			border-top-width: 0;
		}

		.content .container.full-width .column:last-child {
			border-width: 1px 0 0 0;
		}
}

/* -------------------------------------------------------------
Slogan
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.slogan {
	padding: 30px 0;
	background: #fff;
	position: relative;
}

	.slogan .column {
		margin: 0;
	}

	.slogan h2 {
		font-size: 26px;
		text-align: center;
		line-height: 1;
	}

	.slogan p {
		max-width: inherit;
		margin: 0;
		font-size: 20px;
		text-align: center;
		line-height: 1.2;
	}

/* -------------------------------------------------------------
Shadow
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.shadow {
	height: 4px;
	padding: 0;
	background: #ef7b00;
	position: relative;
	z-index: 80;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

/* -------------------------------------------------------------
Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.footer {
	padding: 30px 0;
	background: #fff;
	position: relative;
	font-size: 12px;
	line-height: 16px;
}

	.footer .padding-top {
		margin: -1rem 0 1rem 0;
	}

	.footer h2 {
		padding: 0;
		font-size: 14px;
		line-height: inherit;
		font-weight: 700;
		color: #ef7b00;
		text-transform: uppercase;
	}

		.footer h2:after {
			display: none;
		}

	.footer p {
		margin: 0 0 5px 0;
		white-space: nowrap;
	}

	.footer .google-maps {
		height: 220px;
		border: 1px solid #e6e6e6;
		background: #f2f2f2;
	}

	.footer .meta-navigation {
		padding: 1rem 1rem 0 1rem;
		border-width: 1px 0;
		border-style: solid;
		border-color: #e6e6e6;
		margin: 0 auto 1rem auto;
	}

		.footer .meta-navigation a {
			color: #ef7b00;
		}

		.footer .meta-navigation p {
			margin: 0;
		}

		.footer .meta-navigation .column {
			margin: 0 0 15px 0;
		}

	.footer .meta-tabs {
		font-size: 12px;
		color: #666;
		text-transform: uppercase;
	}

		.footer .meta-tabs .column {
			margin: 0 0 0.5rem 0;
		}

		.footer .meta-tabs a {
			color: #666;
			text-decoration: none;
			-webkit-transition: all 0s ease-in-out;
			-moz-transition: all 0s ease-in-out;
			-o-transition: all 0s ease-in-out;
			transition: all 0s ease-in-out;
		}

			.footer .meta-tabs a.selected {
				font-weight: 600;
				text-decoration: underline;
			}

		.footer .meta-tabs p {
			margin: 0;
			white-space: inherit;
		}

	.footer .meta-tab-content {
		font-size: 11px;
	}

		.footer .meta-tab-content .column {
			margin: 0;
		}

		.footer .meta-tab-content p {
			margin: 0;
			display: none;
			white-space: inherit;
			color: #666;
		}

			.footer .meta-tab-content p.selected {
				display: block;
			}

@media (min-width: 640px) {
	.footer .padding-top {
		padding: 84px 1rem 0 1rem;
		margin: 0;
	}

	.footer .meta-navigation {
		padding: 15px 0;
		margin: 15px auto;
	}

		.footer .meta-navigation .column {
			margin: 0;
		}

		.footer .meta-navigation p {
			max-width: 100%;
		}

		.footer .meta-tab-content p {
			max-width: 100%;
		}
}

/* -------------------------------------------------------------
Copyright
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.copyright {
	padding: 20px 0;
	border-top: 1px solid #e6e6e6;
	background: #fff;
	position: relative;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
}

	.copyright .column {
		margin: 0 0 0.25rem 0;
	}

		.copyright .column:last-child {
			margin: 0;
		}

	.copyright p {
		margin: 0;
	}

	.copyright .powered-by {
		width: 100%;
		display: block;
		text-align: center;
	}

		.copyright .powered-by img {
			height: 20px;
			width: 95px;
			margin: 0;
			display: inline;
		}

	@media only screen and ( max-width: 640px ) {
		.copyright .column.half {
			width: 100%;
			max-width: 100%;
		}
	}

	@media (min-width: 640px) {

		.right {
			text-align: right;
		}

			.right p {
				margin: 0 105px 0 0;
			}

		.copyright .powered-by {
			height: 20px;
			width: 95px;
			display: block;
			position: absolute;
			top: 0;
			right: 1rem;
		}
	}

/* -------------------------------------------------------------
Frame
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

form.row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

form.row .col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

form.row select {
	padding: 3px;
}

@media(min-width: 767px) {
	form.row .col-md-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.ui-widget-content {
		margin: 10px 10px 1.5rem 10px;
	}

	form.row .submit {
		margin-top: 22px;
		padding: 5px 0;
	}
}

.top-frame {
	padding: 1rem;
	border-bottom: 1px solid #e6e6e6;
}

	.top-frame p {
		margin: 0;
		float: left;
		display: inline;
		line-height: 28px;
	}

	.top-frame form:not(.search-form) {
		float: right;
		display: inline;
	}

		.top-frame form:not(.search-form) input {
			display: none;
		}

.jumpbox-frame {
	padding: 1rem;
	border: 1px solid #e6e6e6;
	border-width: 1px 0;
}

	.jumpbox-frame p {
		margin: 0;
	}

	.jumpbox-frame a {
		padding: 5px 10px;
		background: #ef7b00;
		color: #fff;
		text-decoration: none;
	}

		.jumpbox-frame a:hover {
			filter: alpha(opacity=90);
			opacity: 0.9;
		}

		.jumpbox-frame a.selected,
		.jumpbox-frame a.selected:hover {
			font-weight: 700;
			filter: alpha(opacity=100);
			opacity: 1;
			background: #fff;
			color: #333;
		}

/* -------------------------------------------------------------
List-Object
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.list-object {
	padding: 5px 0 0 0;
	margin: 15px 1rem;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

	.list-object .image {
		height: 150px;
		margin: 0 5px 11px 5px;
		overflow: hidden;
		text-align: center;
	}

		.list-object .image a {
			height: 150px;
			width: 100%;
			display: block;
			text-align: center;
			line-height: 0;
			overflow: hidden;
			background: #f2f2f2;
		}

			.list-object .image a.nolink {
				cursor: default;
			}

		.list-object .image ul {
			height: 150px;
			width: 100%;
			margin: 0;
		}

		.list-object .image li {
			height: 150px;
			width: 100%;
			margin: 0;
			list-style: none;
		}

		.list-object .image img {
			margin: 0;
			line-height: 0;
		}

		.list-object .image span {
			width: auto !important;
			height: auto !important;
			padding: 5px 10px !important;
			display: inline !important;
			background-color: #ef7b00 !important;
			color: #fff !important;
			font-size: 12px;
			text-transform: uppercase;
		}

	.list-object h2 {
		padding: 0 5px 15px 5px;
		margin: 0 0 15px 0;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		line-height: 18px;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	.list-object .city {
		padding: 0 5px;
		margin: 0 0 5px 0;
		text-align: center;
		display: block;
		height: 22px;
		line-height: 13px;
	}

	.list-object p {
		margin: 0 0 16px 0;
		text-align: center;
		text-transform: uppercase;
	}

		.list-object p strong {
			font-weight: 400;
		}

		.list-object p span span {
			color: #ef7b00;
			font-weight: 600;
		}

	.list-object .details {
		height: 52px;
		width: 100%;
		border-top: 1px solid #e6e6e6;
		background: #f5f5f5;
	}

		.list-object .details div {
			width: 50%;
			float: left;
			display: inline;
			text-align: center;
			line-height: 16px;
			background: #f5f5f5;
		}

			.list-object .details div:first-child {
				border-right: 1px solid #e6e6e6;
			}

			.list-object .details div span {
				padding: 10px 0;
				display: block;
			}

				.list-object .details div span strong {
					display: block;
					font-size: 10px;
					font-weight: 400;
					text-transform: uppercase;
				}

				.list-object .details div span span {
					padding: 0;
					font-size: 18px;
					font-weight: 600;
				}

@media (min-width: 640px) {
	.list-object {
		margin: 0;
	}

	.list-object .image li {
		height: 150px;
		width: 205px;
		text-align: center;
	}

	.list-object .image img {
		max-height: 160px;
		/* max-width: 215px;*/
		width: auto;
		display: inline;
	}
}

/* -------------------------------------------------------------
Details
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.detail {
	text-align: left;
}

	.detail > h2 {
		display: block;
	}

.fotorama__img { margin: 0 }

	.detail .details .details-desktop {
		display: none;
	}

		@media (min-width: 640px) {
			.detail .details .details-desktop {
				display: block;
			}

			.detail .details .details-mobile {
				display: none;
			}

			.moreobjects .column.fourth {
				width: 33%;
				padding: 1rem  0.5rem;
			}
		}

	.detail .details table {
		width: 100%;
		margin: 0 0 20px 0;
	}

		.detail .details table td {
			width: 25%;
			padding: 5px 0;
			border-bottom: 1px solid #f2f2f2;
			line-height: 1.2em;
			vertical-align: top;
		}

			.detail .details table td strong {
				display: block;
				margin-right: 5px;
			}

	.detail .information span strong {
		display: block;
		line-height: 24px;
	}

	.detail .information span span {
		display: block;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #f2f2f2;
		margin: 0 0 20px 0;
		line-height: 24px;
	}

		.detail .information span:last-child span {
			padding: 0;
			border-bottom: 0;
		}

	.detail .information .map {
		padding: 0 0 20px 0;
		border-bottom: 1px solid #f2f2f2;
		margin: 0 0 20px 0;
		overflow: hidden;
	}

		.detail .information .map > div {
			width: 100% !important;
		}

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

		.detail .gallery #inner {
			height: 150px;
		}

			.detail .gallery #inner img {
				height: 150px;
				width: auto;
				max-width: none !important;
			}

	}

	@media only screen and (min-width: 380px) and (max-width: 479px) {

		.detail .gallery #inner {
			height: 200px;
		}

			.detail .gallery #inner img {
				height: 200px;
				width: auto;
				max-width: none !important;
			}

	}

	@media only screen and (min-width: 480px) and (max-width: 639px) {

		.detail .gallery #inner {
			height: 250px;
		}

			.detail .gallery #inner img {
				height: 250px;
				width: auto;
				max-width: none !important;
			}

	}

	@media only screen and (min-width: 640px) and (max-width: 799px) {

		.detail .gallery #inner {
			height: 200px;
		}

			.detail .gallery #inner img {
				height: 200px;
				width: auto;
				max-width: none !important;
			}

	}

	@media only screen and (min-width: 800px) and (max-width: 1051px) {

		.detail .gallery #inner {
			height: 300px;
		}

			.detail .gallery #inner img {
				height: 300px;
				width: auto;
				max-width: none !important;
			}

	}



	.content .third .links {
		margin: 0 0 1rem 0;
	}

		.content .third .links a {
			padding: 0.5rem;
			border-bottom: 1px dashed #e6e6e6;
			display: block;
			position: relative;
			text-align: center;
		}

		.content .third .links i {
			margin: 0 0 0 5px;
			text-decoration: none;
			font-size: 20px;
			color: #888;
		}

			.content .third .links a:hover i {
				color: #ef7b00;
			}

				.content .third .links a:hover i.icon-star {
					color: #e7a61b;
				}

	.content .third .contact {
		margin: 0 0 1rem 0;
	}

		.content .third .contact .image ul {
			margin: 0;
		}

		.content .third .contact .image li {
			margin: 0;
			list-style: none;
			text-align: center;
		}

		.content .third .contact .image img {
			margin: 0 0 0.5rem 0;
			max-height: 186px;
			width: auto;
			display: inline;
		}

	.content .third .request {
		margin: 0 0 1rem 0;
	}

		.content .third .request input, .content .third .request select, .content .third .request textarea {
			margin: 0 0 0.5rem 0;
		}

			.content .third .request input, .content .third .request textarea {
				padding: 2px 5px;
			}

		.content .third .request p {
			font-size: 11px;
			line-height: 18px;
			color: #888;
		}

/* -------------------------------------------------------------
Partner
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.partner {
	margin: 0 0 20px 0;
}

@media (min-width: 640px) {

	.partner {
		height: 100px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}

		.partner a {
			display: block;
			line-height: 0;
		}

		.partner img {
			width: inherit;
			max-width: 100%;
			max-height: 100px;
			margin: 0;
			display: inline;
			line-height: 0;
		}

}

/* -------------------------------------------------------------
Team
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.team {
	/*padding: 0 0 1rem 0;*/
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 1rem 0;
}

	.team .image {
		width: 260px;
		/*height: 168px;*/
		margin: 0 1rem 1rem 0;
		float: left;
		display: inline;
		text-align: center;
		background: #f2f2f2;
		line-height: 0;
	}

		.team .image img {
			width: auto !important;
			margin: 0;
			display: inline;
		}

	.team .information {
		width: 358px;
		float: left;
		display: inline;
	}


/* -------------------------------------------------------------
- Objekttracking - Login-Maske
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#object-tracking form {
	width: 50%;
	margin: 0 auto 20px;
	border: 1px solid #fff;
	background: #efefef;
	padding: 20px;
	position: relative;
}
	#object-tracking form label {
		float: left;
		display: block;
		width: 100%;
		padding: 4px 0 0 0;
	}
	#object-tracking form input {
		width: 100%;
		padding: 4px;
		margin: 0 0 5px 0;
	}
	#object-tracking form div {
		text-align: center;
	}
	#object-tracking .submit {
		width: 100%;
		background: #ef7b00;
		color: #fff;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

/* -------------------------------------------------------------
- Objekttracking - Listenrahmen
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.objekttracking {

}
	.objekttracking .listenrahmen {
		padding: 5px;
	}
		.objekttracking .listenrahmen p {
			margin: 0;
		}
			.objekttracking .listenrahmen p a {
				display: block;
				padding: 3px 15px;
				float: left;
				text-decoration: none;
				opacity: 0.8;
				background: #ef7b00;
				color: #fff;
			}
				.objekttracking .listenrahmen p a:hover {
					opacity: 1.0;
				}

	.objekttracking .objektliste {
		margin: 10px 5px 5px 5px;
	}


/* -------------------------------------------------------------
- Objekttracking - Listenobjekt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.objekttracking .listenobjekt {
	overflow: hidden;
	margin: 10px 0;
	padding: 5px;
	background: rgba(0, 0, 0, 0.05);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000,endColorstr=#0C000000)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000,endColorstr=#0C000000);   /* IE6 & 7 */
}
	.objekttracking .listenobjekt h2 {
		margin: 0 0 20px 0;
		padding: 2px 0 10px;
	}
	.objekttracking .listenobjekt .left {
		width: 45%;
		float: left;
		overflow: hidden;
	}
		.objekttracking .listenobjekt .left ul {
			margin: 0 !important;
			padding: 0 !important;
		}
			.objekttracking .listenobjekt .left ul li {
				list-style: none outside none !important;
			}
				.objekttracking .listenobjekt .left ul li img {
					width: 100%;
				}

	.objekttracking .listenobjekt .right {
		width: 55%;
		float: right;
	}

	.objekttracking .listenobjekt .right table {
		width: 100%;
		margin: 5px 0;
	}
		.objekttracking .listenobjekt .right table tr td {
			width: 50%;
			text-align: left;
			padding: 5px;
		}
/* -------------------------------------------------------------
- Objekttracking - Detailansicht
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.tracking-details {

}
	.tracking-details .links {
		background: rgba(0, 0, 0, 0.05);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000,endColorstr=#0C000000)"; /* IE8 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C000000,endColorstr=#0C000000);   /* IE6 & 7 */
		padding: 5px;
		margin: 0 0 5px 0;
	}
		.tracking-details .links a {
			margin: 0;
			padding: 3px 15px;
			color: #ef7b00;
		}

	.tracking-details table td.headline {
		background: #ef7b00;
		color: #fff;
		padding: 0 0 0 5px;
	}
	.tracking-details .showmore {
		font-size: 30px;
		font-weight: 700;
		text-decoration: none;
		width: 25px;
		text-align: center;
		color: #fff;
	}
		.tracking-details .showmore:hover {
			color: #fff;
		}
	.tracking-details #tracking-bemerkung { display: none; background: #f5f5f5; padding: 10px; border: 1px solid #ef7b00; }

/* -------------------------------------------------------------
News-Jumpbox
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nws_jumpbox {
	padding: 1rem;
}

	.nws_jumpbox p {
		text-align: center;
	}

	.nws_jumpbox a {
		background-color: #ef7b00;
		padding: 5px 10px;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
	}

/* -------------------------------------------------------------
Formular - Status
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.interessentenformular .status, .eigentuemerformular .status, .kontaktformular .status {
	text-align: center;
	font-weight: bold;
}

.interessentenformular .status ul, .eigentuemerformular .status ul, .kontaktformular .status ul {
	margin: 0 0 15px;
}

.interessentenformular .status ul li, .eigentuemerformular .status ul li, .kontaktformular .status ul li {
	margin: 0 0 0 15px;
	font-weight: normal;
}

.interessentenformular .status p, .eigentuemerformular .status p, .kontaktformular .status p {
	margin: 0 0 40px;
	padding: 10px;
}

/* -------------------------------------------------------------
Formulare (allgemein)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

::-webkit-input-placeholder { color: #888; }
:-moz-placeholder { color: #888; }
::-moz-placeholder { color: #888; }
:-ms-input-placeholder { color: #888; }

form {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

	form * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	form input[type="text"],
	form input[type="password"],
	form input[type="submit"],
	form select,
	form textarea {
		-webkit-appearance: none;
		-webkit-border-radius: 0px;
		background-color: #fff;
	}

	form input[type="text"],
	form input[type="password"],
	form textarea,
	form select {
		width: 98%;
		border: 1px solid #dedede;
		font-size: 14px;
		color: #333;
		margin: 0 1% 10px;
		padding: 5px;
	}

	form input[type="checkbox"],
	form input[type="radio"] {
		float: left;
		width: initial !important;
		margin: 6px 8px 0 0 !important;
		cursor: pointer;
	}

	form input.vonbis {
		width: 48%;
		float: left;
	}

	form select {
		background: url('https://res.onoffice.de/template/images/template/dropdown.png') center right 10px no-repeat #fff;
		padding: 4px;
	}

		form select option {
			cursor: pointer;
			color: #333;
		}

	form textarea {
		height: 200px;
		resize: vertical;
	}

	input[type="submit"],
	button,
	a.button,
	.button {
		width: 100%;
		padding: 0.5rem 0;
		background: #f2f2f2;
		text-align: center;
		font-weight: 700;
		cursor: pointer;
		border: 1px solid #ccc;
		margin-left: 0 !important;
	}

	form .td_left {
		width: 25%;
		float: left;
	}

		form .td_left label {
			width: 100%;
			display: inline-block;
			line-height: 30px;
		}

	form .td_right {
		width: 75%;
		float: right;
	}

		form .td_right button {
			margin: 10px 0 20px;
			float: right;
		}

	form p.pflichtfeld {
		color: #666;
		text-align: right;
	}

.wrap-feedback {
	margin: 0 0 10px;
	padding: 10px 15px;
	border-radius: 2px;
}

.wrap-feedback p {
	margin: 0;
}

.wrap-feedback ul {
	margin: 5px 0 0 30px;
}

.wrap-feedback li {
	margin: 5px 0;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.wrap-feedback-error {
	border-color: #ddbebe;
	background: #f7efef;
}

.wrap-feedback-success {
	border-color: #b4d6b4;
	background: #f2f9f2;
}

.wrap-feedback-error,
.wrap-feedback-success {
	border-width: 1px;
	border-style: solid;
}

.wrap-feedback i {
	float: left;
	font-size: 25px;
}

.feedback-success,
.wrap-feedback-success i {
	color: #070;
}

.feedback-error,
.wrap-feedback-error i {
	color: #a00;
}

.feedback-success,
.feedback-error {
	display: block;
	margin-left: 30px;
	font-weight: 600;
}

.request .wrap-feedback ul {
	margin: 5px 0 0 10px;
}

	/* -------------------------------------------------------------
	Status-Design
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

.status p {
	color: #000 !important;
	font-size: 15px !important;
	padding: 5px;
	line-height: 22px;
	margin: 0 5px 0 0;
}

.status-errors p {
	background-color: #C00;
}

.status-success p {
	background-color: #0A0;
	margin: 0 0 20px 0;
}


.status-errors ul {
	padding: 0 0 0 25px;
	border: 3px solid #C00;
	color: #C00;
	background-color: #FDD;
	margin: 0 5px 20px 0;
}

@media only screen and ( max-width: 55rem ) {

	form .td_left,
	form .td_right {
		width: 100%;
		float: none;
		display: inline-block;
	}

}

	/* -------------------------------------------------------------
	Listenansicht Objekte Responsive
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

@media (max-width: 787px) {
	.content .object-frame .column.fourth {
		width: 33.33% !important;
		max-width: 33.33%;
		margin: 0 0 2rem;
	}
}

@media (max-width: 600px) {
	.content .object-frame .column.fourth {
		width: 50% !important;
		max-width: 50%;
		margin: 0 0 2rem;
		float: left;
	}
}

@media (max-width: 415px) {
	.content .object-frame .column.fourth {
		width: 100% !important;
		max-width: 100%;
		margin: 0 0 2rem;
	}
}

	@media only screen and (min-width: 375px) and (max-width: 415px) {
	.content .object-frame .column.fourth {
		padding: 1rem 3rem !important;
	}
}


/* -------------------------------------------------------------
Map Search (Ken. Mal.)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.objdet-search .map-main {
	width: 260px !important;
	height: 204px !important;
}

.search-map {
	width: 100%;
	text-align: center;
}

	.search-map .map-main {
		width: 100%;
		margin: 0 0 20px;
		background-repeat: no-repeat !important;
	}

	.slider-large .quicksearch .search-map .map-main {
		margin: 0;
	}

.search-fields p {
	line-height: 0;
	margin: 0;
	position: relative;
	width: 100% !important;
	padding: 0;
}

	.search-fields p label {
		color: #7E7E7E;
		margin: 0 12px 0 22px;
		font-weight: normal;
		display: inline;
	}

	.search-fields p input[type="text"] {
		width: 100%;
		border: 1px solid #d1d0d0;
		color: #7E7E7E;
		font-size: 14px;
		margin: 0 0 8px 0;
		padding: 2px 20px;
	}

.search-fields .select {
	width: 100%;
	padding: 0 25px 0 20px;
	border: 1px solid #d1d0d0;
	margin: 0 0 8px 0;
	background: url('http://site19.hbi.netcore.res.onoffice.de/images/template/dropdown.png') no-repeat top 8px right 8px #fff;
	float: left;
	display: inline;
	cursor: pointer;
	color: #7e7e7e;
	font-size: 14px;
	line-height: 22px;
	white-space: nowrap;
	position: relative;
	text-align: left;
}

	.search-fields .select click {
		width: 100%;
		height: 22px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}

	.search-fields .select span {
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.search-fields .select ul {
		height: 162px;
		width: 100%;
		padding: 5px 0 0 0;
		border: 1px solid #d1d0d0;
		background: #fff;
		display: none;
		margin: 0 0 0 -21px;
		z-index: 10;
		position: absolute;
		overflow: auto!important;
		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
	}

		.search-fields .select ul li {
			padding: 0 20px;
			list-style: none;
			line-height: 26px;
			cursor: pointer;
			border-bottom: none;
		}

			.search-fields .select ul li:hover {
				font-size: 16px;
				background: #f2f2f2;
				color: #323840;
			}

			.search-fields .select ul li input {
				width: inherit;
				margin: 6px 10px 0 0;
				float: left;
				display: inline;
			}

	.search-fields p input[type="submit"] {
		background: #323840;
		color: #fff;
		float: right;
		border: none;
	}

@media only screen and (min-width: 1024px) {

	.slider-large {
		margin: 120px 0 0 0;
	}

}

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

	.quicksearch .search-map {
		display: none;
	}

}

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

	.small-width .quicksearch .search-map {
		display: none;
	}

}

.slider-large .slider-navigation  span.counter {
	background: #ef7b00cc;
	padding: 15px 20px;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-size: 20px;
	height: auto;
	width: 175px;
	display: block;
	text-align: center;
	float: right;
	margin: 0 0 10px 0;
}

.fotorama__fullscreen-icon {
	top:85% !important;
}

.fotorama__fullscreen-icon {
	background: url(https://cmspics.onoffice.de/Huether/lupe_web.png) no-repeat !important;
}

.strich {
	list-style-type: none;
}

.mitarbeiter-hoch {
	width: 155px;
	height: 275px;
	margin-left: 45px;
	margin-right: 10px;
	float: left;
}

.mitarbeiter-weit {
	width: 155px;
	height: 150px;
	margin-left: 45px;
	margin-right: 10px;
	float: left;
}

.chef {
	width: 150px;
}

.half {
	width: 50%;
}

.wcom-default {
	margin: 0 auto;
	max-width: 100%;
}

.object-frame .column.fourth {
	max-height: 380px;
	margin-bottom: 20px;
}

.list-object h2 {
	height: 52px;
	overflow: hidden;
}

.container.full-width p, .container.full-width h3 {
padding-left: 10px;
padding-right: 10px;
}