/* -------------------------------------------------------------
  	Mobile template MAT Immobilien - Stylesheet
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  	Autor:		i.A. (CZi)
   	Release:	1.0
 	-------------------------------------------------------------	*/

	/* -------------------------------------------------------------
	Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		01. Default settings
		02. Header
		03. Content
		04. Footer
		05. Object-Frame
		06. List-Object
		07. Object-Details
		08. Object-Request
		09. Contact
	-------------------------------------------------------------	*/

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

	* {
		padding: 0;
		margin: 0;
		-webkit-text-size-adjust: none;
	}

	body {
		font-family: 'Titillium Web', Arial, sans-serif;
		font-size: 13px;
		color: #323232;
		background: #fff;
	}

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

		a:hover, a.selected {
			color: #000;
			text-decoration: underline;
			cursor: pointer;
		}

		h1.hidden, h2.hidden, h3.hidden, h4.hidden, h5.hidden, h6.hidden {
			height: 1px;
			width: 1px;
			left:-1000000px;
			overflow:hidden;
			position:absolute;
			top:-1000000px;
		}

		h1, h2 { font-size: 14px; }
		h3, h4, h5, h6 { font-size: 12px; }

	p {
		margin: 0 0 12px 0;
		line-height: 1.5em;
	}

	img { border: none; }

		.img-float-left {
			padding: 4px 1.5em 1.5em 0;
			float: left;
			display: inline;
		}

		.img-float-right {
			padding: 4px 0 1.5em 1.5em;
			float: right;
			display: inline;
		}

	ul li { list-style: none; }

	input, select, textarea {
		padding: 4px;
		border: 1px solid #D6D6D6;
		font-family: 'Titillium Web', Arial, sans-serif;
		font-size: 12px;
		color: #000;
	}

	.none-padding { padding: 0 !important; }
	.none-border { border: none !important; }
	.none-margin { margin: 0 !important; }

	.clear { clear: both; }

	.center { text-align: center; }

	/* -------------------------------------------------------------
   	02. Header
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.header {
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
		background: #fff;
		position: relative;
		-webkit-box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.25);
		box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.25);
	}

		.header .logo {
			padding: 20px 0 10px;
			display: block;
		}

			.header .logo img {
				height: 50px;
			}

		.header .header-claim {
			background: none;
			text-align: left;
		}

		.header .header-claim p {
			color: #FFFFFF;
			font-family: 'Titillium Web', Arial, sans-serif
			font-size: 28px;
			font-weight: normal;
			line-height: 28px;
			padding: 35px 0 0;
			text-shadow: 1px 1px 7px #000000;
		}

			.header .header-claim .colored {
				color: #932640;
			}

	ul.nav {
		text-align: center;
	}

		ul.nav li {
			padding: 0 12px;
			display: inline-block;
			list-style: none;
		}

			ul.nav li a {
				padding: 5px 0;
				text-decoration: none;
				display: block;
				color: #fff;
			}

			.header ul.nav li a {
				color: #000;
			}

	/* -------------------------------------------------------------
   	03. Content
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.content {
		clear: both;
		width: 100%;
		background: #fff;
	}

		.content p {
			max-width: 500px;
			font-size: 14px;
			padding: 0 12px;
			margin: 0 auto 12px auto !important;
		}

			.content p.last {
				margin: 0 auto 60px auto !important;
			}

		.content ul {
			max-width: 500px;
			margin: 0 auto 12px !important;
			padding: 0 0 0 25px;
		}
			.content ul li {
				list-style: outside square none;
				line-height: 20px;
			}

		.content h1 {
			max-width: 500px;
			margin: 0 auto !important;
			padding: 0 12px;
			color: #9F2445;
			font-family: 'Titillium Web', Arial, sans-serif;
			font-size: 35px;
		}
		.content h2 {
			max-width: 500px;
			padding: 0 12px;
			font-family: 'Titillium Web', Arial, sans-serif;
			font-weight: normal;
			margin: 12px auto 30px !important;
			color: #000000;
			font-size: 24px;
			text-align: center;
		}

		.content h3 {
			max-width: 500px;
			padding: 0 12px;
			margin: 0 auto 12px auto !important;
			font-size: 16px;
			color: #000;
		}

		.content .back {
			padding: 12px 0 0 0;
		}

	.big-pic img {
		width: 100%;
	}

	.inhalt {
		padding: 40px 0;
	}

	#vorstellen { background: url(../images/raster.png) repeat center center #272320; }

	#kompetenzen { background-color: #FFF3D8;}

	#wohn { background: url(../images/raster.png) repeat center center #3D593A; }

	#gewerbe { background: url(../images/raster.png) repeat center center #92221A; }

	#anlage { background: url(../images/raster.png) repeat center center #345865; }

	#beratung { background-color: #8BB2BE; }

		#wohn, #gewerbe, #anlage, #beratung,
		#wohn h2, #gewerbe h2, #anlage h2, #beratung h2,
		#wohn a, #gewerbe a, #anlage a { color: #fff; }

	#referenzen { background: url(../images/raster.png) repeat center center #272320; }

		#vorstellen, #referenzen,
		#vorstellen h2, #referenzen h2,
		#referenzen a { color: #bfbfbf; }

	#wohnungen-zum-kauf { background: url(../images/raster.png) repeat center center #768a74; }
	#haeuser-zum-kauf { background: url(../images/raster.png) repeat center center #9baa99; }
	#wohnungen-zur-miete { background: url(../images/raster.png) repeat center center #4f694d; }
	#haeuser-zur-miete { background: url(../images/raster.png) repeat center center #788d76; }
	#grundstuecke { background: url(../images/raster.png) repeat center center #9baa99; }
	#bueros-praxen { background: url(../images/raster.png) repeat center center #b0624c; }
	#einzelhandel { background: url(../images/raster.png) repeat center center #c88f7f; }
	#hallen-produktion { background: url(../images/raster.png) repeat center center #9d381a; }
	#sonstiges { background: url(../images/raster.png) repeat center center #b3644d; }
	#anlageobjekte { background: url(../images/raster.png) repeat center center #718b93; }

		#wohnungen-zum-kauf h3,
		#haeuser-zum-kauf h3,
		#wohnungen-zur-miete h3,
		#haeuser-zur-miete h3,
		#grundstuecke h3,
		#bueros-praxen h3,
		#einzelhandel h3,
		#hallen-produktion h3,
		#sonstiges h3,
		#anlageobjekte h3 {
			text-align: center;
			margin: 0 auto !important;
		}

		#referenzen h3 {
			text-align: center;
			margin: 0 auto 20px !important;
		}

			#wohnungen-zum-kauf h3 a,
			#haeuser-zum-kauf h3 a,
			#wohnungen-zur-miete h3 a,
			#haeuser-zur-miete h3 a,
			#grundstuecke h3 a,
			#bueros-praxen h3 a,
			#einzelhandel h3 a,
			#hallen-produktion h3 a,
			#sonstiges h3 a,
			#anlageobjekte h3 a,
			#referenzen h3 a {
				color: #fff;
				text-decoration: none;
			}

	/* -------------------------------------------------------------
   	04. Footer
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.footer {
		text-align: center;
		width: 100%;
		background: url(../images/raster.png) repeat center center #5C5C5C;
		padding: 20px 0;
	}

	/* -------------------------------------------------------------
   	05. Object-Frame
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-frame {
		width: 100%;
	}

		.object-frame .object-frame-header {
			padding: 0 12px 12px 12px;
			border-bottom: 1px solid #d6d6d6;
		}

			.object-frame .object-frame-header p {
				padding: 0;
				margin: 0 auto !important;
			}

		.object-frame .object-frame-search {
			padding: 12px;
			border-bottom: 1px solid #d6d6d6;
			text-align: center;
		}

			.object-frame .object-frame-search label {
				padding: 2px 0 0 0;
				margin: 0 10px 0 0;
				font-weight: bold;
			}

			.object-frame .object-frame-search select {
				width: 150px;
			}

		.object-frame .object-frame-footer {
			padding: 12px 12px 0 12px;
			border-top: 1px solid #fff;
		}

			.object-frame .object-frame-footer p {
				padding: 0;
				margin: 0;
			}

			.object-frame .object-frame-footer a {
				padding: 0 5px;
			}

				.object-frame .object-frame-footer a.selected {
					font-weight: bold;
				}

	/* -------------------------------------------------------------
   	06. List-Object
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.list-object {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #d6d6d6;
	}

		.list-object .list-object-space {
			max-width: 500px;
			padding: 12px;
			margin: 0 auto;
		}

		.list-object h2 {
			margin: 0 0 12px 0;
			font-size: 19px;
		}

			.list-object h2 a {
				color: #000;
				text-decoration: none;
			}

		.list-object .list-object-img {
			width: 100px;
			border: 1px solid #d6d6d6;
			text-align: center;
			overflow: hidden;
			float: left;
			display: inline;
			background: #fff;
		}

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

		.list-object .list-object-info {
			margin: 0 0 0 112px;
		}

			.list-object .list-object-info table {
				width: 100%;
				max-width: 500px;
				border: 1px solid #d6d6d6;
				margin: 0 auto;
				background: #fff;
			}

			.list-object .list-object-info td {
				width: 50%;
				padding: 3px 5px 3px 5px;
			}

				.list-object .list-object-info  .odd td {
					background: #eee;
				}

		.list-object p {
			padding: 0 12px;
			margin: 12px 0 0 0 !important;
			text-align: center;
		}
		.list-object-img ul {
			padding: 0;
			margin: 0 !important;
		}
			.list-object-img ul li {
				list-style: none outside none;
				line-height: 0px;
			}
		.list-object-img ul li span {
			background-repeat: no-repeat !important;
		}

		.projekte .list-object-info {
			background:#fff;
			border:1px solid #D6D6D6;
			margin:0px 0px 20px 112px
		}

		.projekte-uebersicht p, .projekte p {
			text-align:left!important;
			margin:0px!important;
			padding:2px 0px 2px 5px!important;
		}

		.projekte h2 {
			padding:0px;
		}

		.projekte-uebersicht p span strong, .projekte p span strong {
			display:block;
			margin:0px 10px 0px 0px;
			padding:0px!important;
		}

		.projekte-uebersicht p.odd , .projekte p.odd {
			background:none repeat scroll 0 0 #EEEEEE;
		}

		.projektbeschreibung {
			background:transparent!important;
			font-weight:bold;
			margin:0px auto;
		}

		.projekte-uebersicht {
			background:#fff;
			max-width:498px;
			margin:20px auto;
			border:1px solid #D6D6D6!important;
		}

	/* -------------------------------------------------------------
   	07. Object-Details
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-details {
		width: 100%;
	}

		.object-details h2 {
			padding: 0 12px 12px 12px;
			border-bottom: 1px solid #d6d6d6;
			margin: 0 !important;
			max-width: inherit !important;
			color: #000;
			text-align: center;
			font-size: 20px;
			font-weight: bold;
		}

		.object-details .object-details-img {
			padding:12px 0 12px 0;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d6d6d6;
			text-align: center;
		}

			.object-details .object-details-img img {
				max-width: 500px;
				margin: 0 0 12px 0;
				display: none;
			}

				.object-details .object-details-img img.portrait {
					height: 357px !important;
				}

			.object-details .object-details-img p {
				margin: 0 auto !important;
			}

		.object-details .object-details-infos {
			padding: 12px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d6d6d6;
		}

			.object-details .object-details-infos table {
				max-width: 500px;
				border: 1px solid #d6d6d6;
				margin: 0 auto;
				background: #fff;
			}

				.object-details .object-details-infos table td {
					width: 50%;
					padding: 5px 5px;
				}

					.object-details .object-details-infos table .odd td {
						background: #eee;
					}

			.object-details .object-details-infos span {
				border: 0;
				padding: 0;
				display: inline;
			}

		.object-details span {
			padding: 0 12px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d6d6d6;
			display: block;
		}

			.object-details span.last {
				border-bottom: 0;
			}

			.object-details span span {
				max-width: 500px;
				padding: 0;
				border: 0;
				margin: 0 auto;
				display: inline;
				display: block;
			}

			.object-details span strong {
				max-width: 500px;
				padding: 12px 0;
				margin: 0 auto;
				display: block;
				font-size: 16px;
				color: #000;
			}

			.object-details span p {
				padding: 0;
			}

		.object-details .object-details-contact {
			padding: 0 12px 12px 12px;
		}

		.object-details .plan-picture {
			padding: 12px;
		}
			.object-details .plan-picture ul {
				padding: 0;
			}
			.object-details .plan-picture li {
				width: 100%;
				padding: 0 !important;
				margin: 0 0 12px 0;
				text-align: center;
				list-style: none outside none;
			}

			.object-details .plan-picture span {
				width: 100%;
				max-width: 500px;
				border: 1px solid #d6d6d6;
				background: #fff;
				overflow: hidden;
				display: block;
				margin: 0 auto;
			}

				.object-details .plan-picture img {
					width: 100%;
					margin: 0 auto;
					display: none;
				}

			.object-details .plan-picture li p {
				margin: 6px 0 0 0;
			}

		.object-details .object-details-map {
			padding: 12px;
			text-align: center;
		}

			.object-details .map {
				height: 100%;
				width: 100%;
				max-height: 357px;
				max-width: 500px;
				min-height: 150px;
				border: 1px solid #d6d6d6;
				overflow: hidden;
				display: block;
				margin: 0 auto;
			}

				.object-details .map .googleMaps {
					width: 100% !important;
					height: 100% !important;
					display: block;
				}

	/* -------------------------------------------------------------
   	08. Object-Request
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.object-request form {
		display: block;
		max-width: 500px;
		margin: 12px auto 0 auto;
	}

		.object-request label {
			margin: 0 0 12px 0;
			display: block;
			font-weight: bold;
			color: #9F2445;
		}

		.object-request input, .object-request textarea {
			padding: 4px;
			border: 1px solid #D6D6D6;
			margin: 0 0 12px 0;
		}

		.object-request .submit {
			width: 50% !important;
			margin: 0 0 12px 25%;
		}

		.object-request ul {
			margin: 0 0 12px 0;
		}

	/* -------------------------------------------------------------
   	09. Contact
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.contact {
		width: 100%;
	}

		.contact form {
			display: block;
			max-width: 500px;
			padding: 0 12px;
			margin: 12px auto 0 auto;
		}

			.contact label {
				margin: 0 0 12px 0;
				display: block;
				font-weight: bold;
			}

			.contact input, .contact textarea {
				padding: 4px;
				border: 1px solid #D6D6D6;
				margin: 0 0 12px 0;
			}

			.contact .submit {
				width: 50% !important;
				margin: 12px 0 60px 25%;
			}

			.contact ul {
				margin: 0 0 12px 0;
			}

			.cookieoverlay {
		padding: 10px;     
		position: fixed;
		bottom: 0;
		z-index: 50000;
		background: #fff;
		width: 100%;
	}

	.hidecookie {
		float:left; 
		cursor: pointer;
		text-align: center;
		border: 1px solid black;
		padding: 0 10px;
	}

	.full.checkboxfeld {
    margin-bottom: 10px;
}
.content form label {
    display: block;
    font-size: 14px;
}
	input, select, textarea {
		width: 100%;
		padding: 2px 5px;
		border: 1px solid #ccc;
		font-size: 14px;
		color: #333;
	}

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


.contact-form form input[type="checkbox"] {
  margin: 7px 10px 0 0 !important;
}

.einverstaendnis {
	font-size: 14px!important;
}