@font-face {
	font-family: 'EBGaramond';
	src: url('/cpfont/EBGaramond-Bold.eot');
	src: url('/cpfont/EBGaramond-Bold.eot?#iefix') format('embedded-opentype'),
		url('/cpfont/EBGaramond-Bold.woff2') format('woff2'),
		url('/cpfont/EBGaramond-Bold.woff') format('woff'),
		url('/cpfont/EBGaramond-Bold.ttf') format('truetype'),
		url('/cpfont/EBGaramond-Bold.svg#EBGaramond-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'EBGaramond';
	src: url('/cpfont/EBGaramond-Italic.eot');
	src: url('/cpfont/EBGaramond-Italic.eot?#iefix') format('embedded-opentype'),
		url('/cpfont/EBGaramond-Italic.woff2') format('woff2'),
		url('/cpfont/EBGaramond-Italic.woff') format('woff'),
		url('/cpfont/EBGaramond-Italic.ttf') format('truetype'),
		url('/cpfont/EBGaramond-Italic.svg#EBGaramond-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'EBGaramond';
	src: url('/cpfont/EBGaramond-Regular.eot');
	src: url('/cpfont/EBGaramond-Regular.eot?#iefix') format('embedded-opentype'),
		url('/cpfont/EBGaramond-Regular.woff2') format('woff2'),
		url('/cpfont/EBGaramond-Regular.woff') format('woff'),
		url('/cpfont/EBGaramond-Regular.ttf') format('truetype'),
		url('/cpfont/EBGaramond-Regular.svg#EBGaramond-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'EBGaramond';
	src: url('/cpfont/EBGaramond-BoldItalic.eot');
	src: url('/cpfont/EBGaramond-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/cpfont/EBGaramond-BoldItalic.woff2') format('woff2'),
		url('/cpfont/EBGaramond-BoldItalic.woff') format('woff'),
		url('/cpfont/EBGaramond-BoldItalic.ttf') format('truetype'),
		url('/cpfont/EBGaramond-BoldItalic.svg#EBGaramond-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}
body {
	color: #666666;
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 160%;
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
iframe {
	border-style: none;
}
img {
	border-style: none;
}
.noborder {
	border-style: none !important;
}
.mce-content-body {
	text-align: left;
}
/* abstände */
form {
	margin: 0;
	padding: 0;
}
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
td {
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6, p, ul {
	line-height: 160%;
}
/*
Linksteuerung
*/
a, a:link, a:visited {
	color: #004e9e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.anker {
	display: none;
}
/* Textformatierung:
Headline		h1
Überschrift		h2

Headline			h3
große Überschrift		h4
normale Überschrift		h5

kleine Überschrift		h6	(z.B. Datum in News)

normale Schrift		p
kleine Schrift			span klein */
h1 {
	color: #004e9e;
	font: normal 34px EBGaramond;
	margin-top: 0;
	margin-bottom: 20px;
	display: inline-block;
	border-bottom: 1px solid #004e9e;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	text-transform: uppercase;
}
h2 {
	color: #004e9e;
	font: normal 26px EBGaramond;
	margin-top: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
h3 {
	color: #004e9e;
	font: normal 22px EBGaramond;
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: 1px solid #004e9e;
	text-transform: uppercase;
}
h4 {
	
}
h5 {
	
}
h6 {
	
}
p {
	margin-top: 0;
	margin-bottom: 15px;
	text-align: left;
}
ul {
	margin-top: 0;
}
li {
	margin-left: -20px;
	line-height: 140%;
}
.small, .kl {
	font-size: 11px;
}
.b {
	border-style: none;
	font-weight: bold;
}
.i {
	font-style: italic;
}
.u {
	text-decoration: underline;
}
.blau {
	background-color: #004e9e;
}
.grau {
	background-color: #e2e3e4;
}
/*
Seitenelemente
*/
.aufz ul {
	width: calc(50% - 60px);
	margin-right: 20px;
	text-align: left;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	display: inline-block;
}
/*
Seitenelemente
*/
#mask {
	display: none;
	background-image: url(../images/bg_grau.png);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	z-index: 2000;
}
#mask div {
	position: absolute;
	top: 13%;
	right: 25%;
	width: 50%;
	height: 50%;
	display: block;
	background-color: #ffffff;
}
#mask img {
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 2100;
}
#mask iframe {
	z-index: 2001;
	width: 100%;
	height: 100%;
}
.popup {
	padding-top: 20px;
}
.inhalt {
	width: 100%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
.cms {
	width: 100%;
	max-width: 1100px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
.content {
	text-align: left;
	position: relative;
	overflow: visible;
	margin-right: 20px;
	margin-left: 20px;
}
header {
	font-size: 0;
}
.top {
	width: 100%;
	text-align: left;
	position: relative;
	height: 436px;
	margin: 20px auto;
}
.logo {
	z-index: 100;
}
.logo img {
	width: 500px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.trennlinie, hr {
	font-size: 0;
	width: auto;
	height: 0;
	border-style: none;
	border-top: 1px solid #e2e3e4;
	clear: both;
	margin: 60px 0;
}
.center, .c {
	text-align: center;
}
.rechts, .r {
	text-align: right;
}
.hide {
	display: none;
}
.clearer {
	clear: both;
}
.spalte {
	width: calc(50% - 40px);
	margin-right: 30px;
	text-align: left;
	float: left;
}
.spalte3 {
	width: calc(33% - 40px);
	margin-right: 30px;
	text-align: left;
	float: left;
}
.spalte3 img {
	width: 100%;
	height: auto;
}
div.spalte {
	text-align: left;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.spalte img {
	max-width: 100%;
	height: auto;
}
.spalte h3 {
	line-height: 100%;
	margin-bottom: 20px;
}
.tools {
	position: absolute;
	right: 0;
	bottom: 5px;
	text-align: right;
	overflow: hidden;
	z-index: 100;
}
a.tool {
	background: url(../images/tool_blau.png) no-repeat left top;
	display: inline-block;
	width: 300px;
	z-index: 0;
    -webkit-transition: all 0.5s ease-in; /* chrome & safari */
    -moz-transition: all 0.5s ease-in; /* firefox */
    -o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in; /* explorer 10 */
	position: relative;
	height: 58px;
	color: #ffffff !important;
	font-size: 16px;
	margin-right: -230px;
	line-height: 58px;
	padding-right: 10px;
	text-align: left;
	text-decoration: none;
}
a.tool div {
	font-size: 13px;
	line-height: 19px;
	display: inline-block;
	height: 58px;
	vertical-align: middle;
	margin-top: 10px;
}
a.tool, a.tool:hover {
	color: #ffffff !important;
}
a.tool:hover {
	color: #ffffff !important;
	transition: all 0.5s ease-in; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in; /* chrome & safari */
    -moz-transition: all 0.5s ease-in; /* firefox */
    -o-transition: all 0.5s ease-in;
	margin-right: 0;
}
a.tool img {
	display: inline-block;
	margin: 5px 20px -9px 30px;
}
h3.icongalerie {
	color: #000000;
	margin-top: 80px;
	text-align: center;
}
h3.icongalerie .iakt {
	color: #004e9e;
}
h3.icongalerie span {
	cursor: pointer;
}
#icongalerie {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}
div#icongalerie div.galerie div.galerie_image img {
	display: inline-block;
	float: none;
	clear: none;
}
div#icongalerie div.galerie div.galerie_image {
	vertical-align: middle;
	text-align: center !important;
}
/* inhalt */
.karte {
	position: relative;
	margin-top: 30px;
	text-align: center;
}
.karte img {
	margin-right: auto;
	margin-left: auto;
}
.leistungen {
	background-color: #e2e3e4;
	padding: 0;
	margin-bottom: 40px;
}
.leistungen img {
	float: left;
	margin-right: 20px;
}
.leistungen h3, .leistungen p {
	width: calc(100% - 270px);
	display: inline-block;
}
.leistungen h3 {
	font-size: 28px;
}
.leistungen p {
	margin-bottom: 0;
}
.leistungen a img {
	width: auto;
	height: 160px;
}
.leistungen h3 a img {
	float: right;
	margin-right: 20px;
	width: 36px;
	height: auto;
}
/*
Menuetemplates
*/
ul#schattennav {
	display: none;
}
nav {
	height: 436px;
	background: url(../images/schraeg_weiss.png) no-repeat right top;
	width: 440px;
	display: block;
	position: absolute;
	z-index: 500;
	overflow: visible;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
ul#menue {
	text-align: left;
	padding: 0;
	margin: 0;
}
/* 1. ebene */
ul#menue li {
	list-style: none;
	position: relative;
	paddings: 0;
	margin: 0;
}
ul#menue li a, ul#menue li a:visited {
	font: normal 30px EBGaramond;
	text-decoration: none;
	display: block;
	position: relative;
	transition: color 0.7s;
	color: #004e9e;
	background: url(../images/schraeg_grau.png) no-repeat right top;
	margin-bottom: 8px;
	padding-left: 15px;
	left: 0;
	margin-left: 0;
	text-transform: uppercase;
	line-height: 140px;
}
ul#menue li.normal:nth-of-type(1) {
	width: 422px;
}
ul#menue li.normal:nth-of-type(2) {
	width: 346px;
}
ul#menue li.normal:nth-of-type(3) {
	width: 269px;
}
ul#menue li.normal:nth-of-type(4) {
	width: 269px;
}
ul#menue li.schmal a, ul#menue li.schmal a:visited {
	line-height: 81px;
}
ul#menue li.schmal:nth-of-type(1) {
	width: 432px;
}
ul#menue li.schmal:nth-of-type(2) {
	width: 386px;
}
ul#menue li.schmal:nth-of-type(3) {
	width: 340px;
}
ul#menue li.schmal:nth-of-type(4) {
	width: 294px;
}
ul#menue li.schmal:nth-of-type(5) {
	width: 248px;
}
ul#menue li:hover a, ul#menue li.aktuell a {
	transition: color 0.7s;
	color: #ffffff;
	background-image: url(../images/schraeg_blau.png);
}
.slicknav_menu {
	display: block;
	top: 0px;
	position: absolute;
	z-index: 1000;
}
.slicknav_menu .slicknav_icon {
	width: 28px;
	height: 30px;
	right: 40px;
	top: -105px;
}
.slicknav_menu .slicknav_icon-bar {
	background-color: #004e9e;
	margin-bottom: 6px;
}
.slicknav_nav {
	background-color: transparent;
	top: 0px;
	position: absolute;
	padding-bottom: 20px;
	padding-top: 20px;
	background-image: url(../images/bg_grau.png);
}
.slicknav_nav a, .slicknav_nav a:visited {
	font: normal 30px/50px EBGaramond;
	color: #004e9e;
}
.slicknav_nav li {
	border-top: 3px solid #004e9e;
}
.slicknav_nav li:first-of-type {
	border-top-style: none;
}
.slicknav_nav li ul li:first-of-type {
	border-top: 3px solid #004e9e;
}
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover {
	color: #ffffff;
}
.slicknav_nav ul li a, .slicknav_nav ul li a:visited {
	line-height: 35px;
}
#submen {
	background-color: #dedede;
}
#submen a {
	background-image: url(../images/men_bg_grau.png);
	display: inline-block;
	font: normal 20px/45px EBGaramond;
	color: #004e9e;
	padding-left: 40px;
	padding-right: 44px;
	margin-right: -38px;
}
#submen a.aktuell, #submen a:hover {
	background-image: url(../images/men_bg_blau.png);
	color: #ffffff;
	text-decoration: none;
}
#submen span {
	background-image: url(../images/men_bg_grau.png);
	font: normal 20px/45px EBGaramond;
	margin-right: -38px;
	width: 45px;
	display: inline-block;
}
#thirdmen {
	background-color: #dedede;
	margin-top: 20px;
	text-align: center;
	padding-right: 20px;
}
#thirdmen a {
	background-image: url(../images/men_bg_grau.png);
	display: inline-block;
	font: normal 16px/30px EBGaramond;
	color: #004e9e;
	padding-left: 35px;
	padding-right: 35px;
	margin-right: -33px;
}
#thirdmen a.aktuell, #thirdmen a:hover {
	background-image: url(../images/men_bg_blau.png);
	color: #ffffff;
	text-decoration: none;
}
#thirdmen span {
	background-image: url(../images/men_bg_grau.png);
	font: normal 16px/30px EBGaramond;
	margin-right: -38px;
	width: 35px;
	display: inline-block;
}
/* slide galerie */
.ivd {
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 500;
	width: 100px;
	height: auto;
}
.slide_galerie {
	display: block;
	width: calc(100% - 210px);
	height: 436px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.slide_galerie_img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 436px;
	display: block;
	background-size: cover;
	background-position: center top;
	z-index: 0;
}
.slide_galerie_nav_b, .slide_galerie_nav_f {
	position: absolute;
	top: calc(50% - 17px);
	cursor: pointer;
	z-index: 500;
}
.slide_galerie_nav_b {
	left: 150px;
}
.slide_galerie_nav_f {
	right: 25px;
}
.slide_galerie_nav {
	text-align: center;
	display: block;
	position: absolute;
	width: 100%;
	z-index: 30;
	bottom: 15px;
	height: 20px;
	line-height: 40px;
}
.slide_galerie_nav span {
	font-size: 0;
	cursor: pointer;
	width: 8px;
	height: 8px;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border: 1px solid #ffffff;
	display: inline-block;
	line-height: 0;
	margin-right: 2px;
	margin-left: 2px;
	background-color: #ffffff;
}
.slide_nav_ov {
	background-color: #004e9e !important;
	border-color: #004e9e !important;
}
.startspalte {
	width: calc(33% - 40px);
	background-color: #dedede;
	display: inline-block;
	margin-right: 20px;
	margin-top: 40px;
	vertical-align: top;
}
.startspalte img {
	width: calc(100% - 30px);
	height: auto;
}
.startspalte h2, .startspalte img, .startspalte p, .startspalte span {
	margin-right: 15px;
	margin-left: 15px;
}
.startspalte h2 {
	line-height: 100%;
	font-style: normal;
	font-size: 24px;
	margin-top: 10px;
}
.startspalte p {
	height: 8em;
	display: block;
}
.startspalte span {
	float: right;
	margin-bottom: 15px;
}
.magazine img, .referenz img {
	width: calc(100% - 30px);
	height: auto;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
}
.magazine p, .referenz p {
	margin-right: 15px;
	margin-left: 15px;
	text-align: center;
	margin-bottom: 15px;
}
.referenzen {
	text-align: center;
	margin-left: -20px;
	margin-right: -20px;
}
.referenz {
	height: 225px;
	margin-bottom: 30px;
	width: calc(33% - 40px);
	background-color: #dedede;
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	line-height: 140%;
	float: left;
	margin-left: 20px;
}
.referenz img {
	margin-bottom: 100px;
}


.magazin_bl {
	width: calc(100% - 30px);
	height: 600px;
}


/*
Bilddarstellung
*/
.container img, .container a img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-style: none;
}
.bild {
	text-align: center;
}
.bild p {
	text-align: center;
	font-size: 12px;
}
.bild img {
	max-width: 100%;
	height: auto;
}
.bild_r img {
	float: right;
}
/* galerie */
.galerie {
	width: 100%;
	display: table;
}
.galerie_image {
	display: table-cell;
	text-align: center;
	position: relative;
}
.galerie_image img {
	margin-right: auto;
	margin-left: auto;
}
.galerie_zeile {
	clear: both;
	display: table-row;
}
/* ansprechpartner */
.ansp {
	margin-top: 20px;
}
.ansprechpartner {
	display: inline-block;
	margin: 40px 0 0;
	padding: 0;
	width: calc(33% - 10px);
	text-align: center;
}
.ansprechpartner div {
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.ansprechpartner img {
	margin: 0;
}
.ansprechpartner a {
	position: absolute;
	z-index: 20;
	right: 0;
	bottom: 0;
}
.ansprechpartner a img {
	width: 60px;
	height: 60px;
}
.ansprechpartner h4 {
	color: #004e9e;
	margin-top: 3px;
	margin-bottom: 2px;
}
.ansprechpartner p {
	color: #004e9e;
	margin-top: 0;
	margin-bottom: 20px;
}
/*ansprech scroller*/
.ansp_scroll {
	position: relative;
	width: 100%;
	max-width: 1100px;
	height: 300px;
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
}
.ansp_scroll_rew, .ansp_scroll_fwd {
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 80px;
	width: 18px;
	height: 34px;
	z-index: 200;
}
.ansp_scroll_rew {
	left: 0;
}
.ansp_scroll_rew img {
}
.ansp_scroll_fwd {
	right: 0;
}
.ansp_scroll_fwd img {
}
.ansp_scroller {
	position: relative;
	width: calc(100% - 40px);
	overflow: hidden;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
}
.ansp_scroller ul {
	width: 2000em;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ansp_scroller li {
	text-align: left;
	width: calc(25% - 40px);
	width: 200px;
	float: left;
	height: 300px;
	display: inline-block;
	color: white;
	margin-left: 30px;
	margin-right: 30px;
}
.ansp_scroller li div {
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	width: 100%;
	line-height: 0;
	font-size: 0;
}
.ansp_scroller div img {
	width: 100%;
	height: auto;
}
.ansp_scroller h4, .ansp_scroller p {
	color: #004e9e;
	width: 200px;
	text-align: center !important;
	margin: 0;
	text-decoration: none;
}
.tool_mail {
	position: absolute;
	right: -60px;
	bottom: 65px;
}
.tool_web {
	position: absolute;
	right: -26px;
	bottom: -5px;
}
.firmeninfo {
	background: url(../images/schraeg_grau.png) right top;
	padding: 15px;
	width: 500px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 60px;
}
.firmeninfo .tool_mail img, .firmeninfo .tool_web img {
	width: auto;
	height: 45px;
}
.firmeninfo .tool_mail {
	right: -22px;
	bottom: 45px;
}
.firmeninfo .tool_web {
	right: 3px;
}
.firmeninfo span {
	color: #004e9e;
}
/* immobilien */
.immoangebote {
	text-align: center;
}
.immoangebote a, .immoangebote a:hover {
	font: bold 28px EBGaramond;
	color: #ffffff;
	background-color: #537bef;
	padding: 10px 30px;
	text-decoration: none;
}
.immofilter {
	background-color: #dedede;
	width: 100%;
	overflow: visible;
	margin-bottom: 40px;
}
.immofilter h4 {
	width: calc(100% - 100px);
	color: #004e9e;
	font: normal 24px EBGaramond;
	margin-top: 0;
	margin-bottom: 20px;
	display: inline-block;
	border-bottom: 1px solid #004e9e;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	margin-left: 50px;
}
.immosuche {
	background-color: #ffffff;
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 20px;
	padding-left: 10px;
	margin-left: 50px;
	margin-right: -10px;
}
.immosuche input[type='text'] {
	margin-right: 6px;
	margin-left: 10px;
	margin-bottom: 4px;
	border-style: none;
}
.immosuche input[type='submit'], .immosuche input[type='button'] {
	margin-right: 10px;
	margin-left: 0;
	border-style: none;
	color: #004e9e;
	background-color: #ffffff;
	font-size: 14px;
	cursor: pointer;
}
.suchtrenner {
	border-top: 1px solid #a5bad1;
	width: calc(100% - 100px);
	height: 1px;
	margin-bottom: 17px;
	margin-left: 50px;
}


.immosuche ul {
	display: inline;
	z-index: 500;
	margin: 0;
	padding: 0;
}


.immosuche ul li {
	list-style: none;
	float: right;
	padding: 0;
	position: relative;
	text-align: left;
	margin-left: 0;
}
.immosuche ul li:hover {
	background-color: #ffffff;
}
.immosuche ul li a, .immosuche ul li a:visited {
	text-align: left;
	color: #666666;
	text-decoration: none;
	display: block;
	position: relative;
	margin: 0;
	line-height: 30px;
	font-size: 14px;
	clear: none;
	background-color: #ffffff;
	padding-right: 10px;
	padding-left: 10px;
	width: 100%;
	min-width: 100px;
}
/* Submenue*/
.immosuche ul li ul {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	top: 30px;
	opacity: 0.95;
	width: auto;
	height: auto;
	left: 0;
}
.immosuche ul li:hover ul, .immosuche ul li:focus ul {
	display: block;
	margin: 0;
}
.immosuche ul li ul li {
	float: none;
}
.immosuche ul li ul li a, .immosuche ul li ul li a:visited {
	line-height: 20px;
	white-space: nowrap;
}
.immosuche ul li:hover ul li a:hover {
	color: #004e9e;
}









.immoliste {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
	z-index: 0;
	padding: 0;
	background-color: #dedede;
	position: relative;
}
.immoliste a, .immoliste a:hover {
	text-decoration: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.immoliste .immobild {
	position: relative;
	display: inline-block;
}
.immoliste .ogulo {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 10;
	width: 50px;
	height: 35px;
}
.immoliste .immothumb {
	float: left;
	border: 1px solid #dedede !important;
	margin: 0 20px 0 0;
	padding: 0;
	display: inline-block;
	line-height: 0;
	font-size: 0;
}
.immotext {
	width: calc(100% - 420px);
	float: right;
	display: inline-block;
	margin-right: 20px;
}
.immoliste a h3 {
	font-size: 22px;
	border-bottom-style: none;
	margin: 0;
	padding-top: 10px;
	text-transform: none;
	padding-bottom: 8px;
}
.immoliste a p {
	color: #666666;
	padding: 0;
	margin: 0;
	line-height: 140%;
}
.immotext span {
	font-size: 24px;
	color: #666666;
	right: 20px;
	bottom: 10px;
	float: right;
	margin-top: -5px;
}
.immobilie_gal {
	margin-bottom: 10px;
	margin-top: 10px;
}
.immodetail div p span {
	display: table-cell;
}
.immodetail div p span.infotitel {
	width: 140px;
}
.immodetail div p span.infotitel {
	width: 140px;
}
.immodetail p {
	line-height: 140%;
	margin-bottom: 5px;
}
.immoinfospalte {
	float: ;
	width: calc(50% - 25px);
	margin-right: 25px;
}
.immoinfospalte_r {
	float: right;
	width: calc(50% - 25px);
	margin-right: 25px;
}
.immoinfospalte_b {
	float: none;
	width: calc(100% - 10px);
	margin-right: 0;
}
.immoinfospalte, .immoinfospalte_b, .immoinfospalte_r {
	display: inline-table;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
.immoinfospalte h5, .immoinfospalte_r h5, .immoinfospalte_b h5 {
	color: #004e9e;
	font: bold 18px/140% EBGaramond;
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #004e9e;
	padding-bottom: 0;
	margin-left: 0;
	padding-left: 0;
}
.immoinfozeile {
	width: 100%;
	clear: both;
	float: none;
	display: inline-block;
}
.immo_anspr {
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	float: right;
	width: 100px;
	height: 100px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.immo_anspr img {
	margin: 0;
	width: 100%;
	height: 100%;
}
.fancybox-type-iframe .fancybox-inner {
	height: 60vh !important;
	min-height: 300px !important;
}
.expose {
	display: inline-block;
	cursor: pointer;	
	color: #004e9e;
	background: url(../images/schraeg_grau.png) no-repeat right top;
	font: 20px/45px EBGaramond;
	padding-right: 40px;
	text-align: left;
	text-decoration: none;
	padding-left: 20px;
	clear: both;
	float: left;
}
.marker {
	display: inline-block;
	cursor: pointer;	
	color: #004e9e;
	background: url(../images/schraeg_grau_re.png) no-repeat left bottom;
	text-align: left;
	text-decoration: none;
	float: left;
	margin-left: -15px;
	height: 45px;
	z-index: 200;
}
.immomarker {
	position: absolute;
	right: 0;
	bottom: 60px;
}
.marker img {
	margin-right: 20px;
	margin-left: 30px;
	margin-top: 10px;
	background-repeat: no-repeat;
}
/* bewertungen */
.bewertungen .news_liste h3 {
	margin-bottom: 0;
	border-bottom-style: none;
	font-size: 18px;
}
.bewertungen hr {
	margin: 20px 0;
}
/*
cookiebanner
*/
#cookiemask {
	background-color:rgba(255, 255, 255, 0.9); 
}
.cookiebanner {
	position: absolute;
	width: 600px;
	top: 13vh;
	left: calc(50% - 300px);
	background-color: #ffffff;
	padding: 2rem;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
}
.cookiebanner a, .cookiebanner a:visited {
	color: #0F518B;
}
.cookiereject {
	float: left;
	margin-top: 1rem;
}
.cookieaccept {
	margin-top: 1rem;
	border-color: #0F518B !important;
	background-color: #0F518B;
	color: #ffffff;
	font-weight: bold;
}
/* fuss */
footer {
	color: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0;
	text-align: center;
	position: relative;
	background-color: #004e9e;
}
.fusslogo {
	background: url(../images/fusslogo.png) no-repeat left;
	background-size: contain;
	position: absolute;
	top: 30px;
	left: 30px;
	height: calc(100% - 60px);
	width: 28%;
}
footer a, footer a:link, footer a:visited {
	color: #ffffff;
}
.fusstext {
	float: left;
	text-align: left;
	margin-left: 33%;
}
footer h2 {
	font: normal 20px EBGaramond;
	color: #ffffff;
	text-align: left;
	margin-top: 0;
}
footer p {
	text-align: left;
	margin-bottom: 0;
	margin-left: 0;
}
.fusslinks {
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
	float: right;
	border-left: 2px solid #ffffff;
	margin-top: 5px;
	text-align: center;
}
.fusslinks a {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	display: inline-block;
}
.fusslinks span {
	border-top: 2px solid #ffffff;
	padding-top: 5px;
}
iframe.karte {
	border-style: none;
	width: 100%;
	height: 300px;
	margin-top: 30px;
	margin-bottom: 30px;
}
/* formulartemplates */
.formular {
	margin: 0;
	text-align: left;
}
form {
}
.formular div.normal {
/* spalte */
	width: calc(50% - 10px);
}
.formular div.kurz {
/* z.B. plz */
	width: calc(10% - 20px);
}
.formular div.mittel {
/* z.B. ort */
	width: calc(35% - 20px);
}
.formular div.breit {
	width: 100%;
}
.formular .space {
	margin-right: 10px;
}
.formular div {
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 13px;
}
.formular div.normal, .formular div.kurz, .formular div.mittel, .formular div.breit {
/* abstand oben */
	margin: 0;
	white-space: nowrap;
	display: inline-block;
	padding: 8px 0 0;
	text-align: left;
}
.formular input.normal, .formular select.spalte, .formular textarea.spalte {
/* spalte */
	width: calc(100% - 150px);
}
.formular input.kurz, .formular select.kurz, .formular textarea.kurz {
/* z.B. plz */
	width: 50px;
}
.formular input.mittel, .formular select.mittel, .formular textarea.mittel {
/* z.B. ort */
	width: calc(100% - 220px);
}
.formular input.breit, .formular select.breit, .formular textarea.breit {
/* gesamte breite */
	width: calc(100% - 170px);
}
.formular input, .formular select, .formular textarea {
	z-index: 1;
	background-color: white;
	color: #707170;
	padding: 2px 5px;
	margin-left: 0;
	font: 13px Arial, Helvetica, Verdana, sans-serif;
	border: 1px solid #707170;
	display: inline-block;
}
.formular input.formularfehler, .formular select.formularfehler, .formular textarea.formularfehler {
	background-color: #a2c2e2;
}
.formular textarea {
	margin-top: 0;
}
.formular input[type='text'] {
	margin-right: 2px;
}
.formular input[type='select'] {
}
.formular input[type='radio'] {
}
.formular input[type='checkbox'] {
}
.formular input[type='submit'], .formular input[type='button'], .form_send {
	border-style: none;
	background-color: #004e9e;
	color: white;
	font: 14px EBGaramond;
	text-transform: uppercase;
	padding: 4px 10px;
	z-index: 100;
	margin: 0 10px 10px 0;
	cursor: pointer;
	float: right;
}
.formular h3 {
	clear: both;
}
.formular h5 {
}
.formular h6 {
	display: inline-block;
	width: 110px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
	vertical-align: top;
}
.formular .breit h6 {
	width: 110px;
}
.formular h6 span {
/* pflichtfeldmarkierung */
	color: #004e9e;
	padding-left: 3px;
}
.formular div p {
	white-space: normal;
}
.formular p {
	padding: 0;
	margin: 0 0 5px;
}
.formular .input span {
	color: #004e9e;
	cursor: pointer;
}
.formular .absolut {
	position: absolute;
	top: 0;
	left: 0;
}
.formular div span {
	padding-left: 3px;
}
.formular div span.inputabstand {
	display: inline-block;
	width: 20px;
}
.form_weiter {
	z-index: 0;
}
.pflichterkl {
	color: #004e9e;
	text-align: center;
}
button, button img {
	margin: 0;
	padding: 0;
	border-style: none;
}
/* pad */
@media(max-width: 950px) {
	body {
	}
	nav, #submen, #thirdmen, .startspalte p, .fusslogo {
		display: none;
	}
	.logo img {
		max-width: calc(100% - 180px);
		margin-top: 20px;
	}
	.slicknav_menu .slicknav_icon {
		top: -100px;
	}
	.slicknav_menu .slicknav_icon-bar {
		background-color: #004e9e;
		margin-bottom: 6px;
		height: 3px;
	}
	.ivd {
		width: 70px;
		height: auto;
		right: 30px;
	}
	.slide_galerie {
		width: 100%;
	}
	.slide_galerie_nav_b {
		left: 25px;
	}
	.immoliste img {
		width: 100%;
		height: auto;
		margin-right: 0;
	margin: 0;
	padding: 0;
}
	.immotext {
		width: calc(100% - 20px);
		float: none;
		display: inline-block;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.immotext span {
		margin-top: 5px;
		margin-bottom: 0;
	}
	.leistungen img {
		margin-right: 10px;
		width: 33%;
		height: auto;
	}
	.leistungen h3 img {
		height: 32px;
		width: auto;
	}
	.leistungen h3, .leistungen p {
		width: calc(66% - 40px);
	}
	.leistungen h3 {
		font-size: 28px;
	margin-top: 10px;
}
	.fusstext {
		margin-left: 20px;
	}
	.referenz {
		width: calc(50% - 40px);
	}
}
/* spalten float */
@media(max-width: 700px) {
	body {
	}
	.leistungen p {
		display: none;
	}
	.slicknav_menu .slicknav_icon {
		top: -80px;
		right: 20px;
	}
	.spalte {
		width: calc(100% - 40px);
	}
	div.spalte {
		margin-top: 20px;
		margin-bottom: 20px;
		width: calc(100% - 40px);
	}
	.startspalte {
		width: calc(100% - 40px);
		margin-right: 20px;
		margin-left: 20px;
	}
	.galerie_image {
		display: inline-block;
		width: auto !important;
		padding-right: 20px;
		padding-left: 20px;
	}
	.fusstext {
		width: calc(100% - 40px);
	}
}
/* smartphone */
@media(max-width: 560px) {
	body {
	}
	.leistungen h3 img {
		display: none;
	}
	.inhalt, .immoinfospalte, .immoinfospalte_r {
		width: calc(100% - 20px);
	}
	.logo img {
		max-width: auto;
		width: 260px !important;
		margin-top: 20px;
	}
	.slicknav_menu .slicknav_icon {
		top: -60px;
		right: 10px;
	}
	a.tool:hover {
	    -webkit-transition: none; /* chrome & safari */
	    -moz-transition: none; /* firefox */
	    -o-transition: none;
		transition: none; /* explorer 10 */
		margin-right: -230px;
	}
	#mask div {
		top: 13%;
		right: 10%;
		width: 80%;
		height: 70%;
	}
	.top {
		height: 200px;
	}
	.ivd {
		width: 40px;
		height: auto;
		right: 10px;
	}	
	a.tool {
		width: 250px;
		height: 29px;
		font-size: 12px;
		margin-right: -210px;
		line-height: 29px;
		padding-left: 10px;
	}
	a.tool div {
		font-size: 13px;
		line-height: 19px;
		display: inline-block;
		height: 29px;
		vertical-align: middle;
		margin-top: 10px;
	}
	a.tool, a.tool:hover {
		color: #ffffff !important;
	}
	a.tool:hover {
		color: #ffffff !important;
		transition: all 0.5s ease-in; /* explorer 10 */
	    -webkit-transition: all 0.5s ease-in; /* chrome & safari */
	    -moz-transition: all 0.5s ease-in; /* firefox */
	    -o-transition: all 0.5s ease-in;
		margin-right: 0;
	}
	a.tool img {
		display: inline-block;
		width: auto;
		height: 20px;
		margin: 5px 10px -5px 20px;
	}
	.slide_galerie {
		height: 200px;
	}
	.slide_galerie_img {
		height: 200px;sition: center top;
		z-index: 0;
	}
	.immofilter h4 {
		width: calc(100% - 20px);
		font: normal 18px EBGaramond;
		margin-bottom: 10px;
		border-bottom: 1px solid #004e9e;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 10px;
		border-style: none;
	}
	.immosuche {
		line-height: 30px;
		margin-bottom: 10px;
		margin-left: 10px;
	}
	.content {
		width: calc(100% - 20px);
	}
	.bild img {
		width: 100%;
		height: auto;
	}
	footer h2, footer p {
		text-align: center;
	}
	.fusslinks {
		float: none;
		width: calc(100% - 40px);
		border-left-style: none;
		margin-top: 10px;
	}
	.leistungen h3 {
		font-size: 24px;
		border-bottom-style: none;
		margin-top: 5px;
	}
	.ansp {
		text-align: center;
	}
	.ansprechpartner {
		width: calc(50% - 10px);
	}
	.ansprechpartner img {
		width: 100%;
		height: auto;
	}
	.ansprechpartner h4 {
		font-size: 13px;
	}
	.referenz {
		width: calc(100% - 40px);
	}
	.formular div.normal, .formular div.kurz, .formular div.mittel, .formular div.breit {
		white-space: normal;
	}
	.formular div.normal, .formular div.breit {
		width: 100%;
	}
	.formular div.kurz {
		width: calc(10% - 40px);
	}
	.formular div.mittel {
	/* z.B. ort */
		width: calc(90% - 20px);
	}
	.formular h6, .formular .breit h6 {
		width: 100%;
	}
	.formular input.normal, .formular select.spalte, .formular textarea.spalte, .formular input.breit, .formular select.breit, .formular textarea.breit {
	/* spalte */
		width: calc(100% - 30px);
	}
	.formular input.kurz, .formular select.kurz, .formular textarea.kurz {
		width: 50px;
	}
	.formular input.mittel, .formular select.mittel, .formular textarea.mittel {
		width: calc(100% - 100px);
	}
	
	
	
	
	
}