/* Inhalt *****************************************************************************/
#container {
	display:block;
	position:relative;
	margin:0;
	border:0;
	padding:6.25em 0 3.25em 0;
	width:100%;
	height:auto;
	background-color:#ffffff;
	z-index:0;
}
#main {
	display:block;
	position:relative;
	margin:0 auto;
	padding:0;
	width:88%;
	max-width:1024px;
}
.mod_title {
	display:block;
	position:absolute;
	top:0;
	left:2em;
	width:22em;
	height:auto;
}
.mod_article {
	margin:1em 0 0 22em;
}
.kaufangebote .mod_article {min-height:277px;}
.portfolio .mod_article {
	margin:1em 0 0 0;
}
.portfolio #titelbild .mod_article {
	margin:0;
}
.ce_text {
	clear:both;
	margin-bottom:3em;
}
.ce_text figure.float_left {
	display:block;
	float:left;
	margin:0 2em 3em 0;
	border:0;
	padding:0;
	width:auto;
	height:auto;
}
.ce_text figure.float_left a {
	outline:none;
}
.ce_text figure.float_left img {
	display:block;
	outline:none;
	width:320px;
	max-width:100%;
	height:auto;
}
.ce_text p img {
	display:block;
	outline:none;
	width:auto;
	max-width:100%;
	height:auto;
}
.ce_text h2 {
	margin-bottom:-16px;
}
.mietangebote .ce_text h2 {
	margin-bottom:38px;
}
.ce_text h3 {
	margin-bottom:-16px;
}
.ce_text p a {
	margin:0;
	color:#888888;
	text-decoration:none;
}
.ce_text p a:hover {
	margin:0;
	color:#1d5aa5;
	text-decoration:none;
}
.ce_text p a strong {
	display:block;
}
.ce_text p a:hover strong {
	color:#1d5aa5;
}
/* Button: Zur Verwaltung */
.projekte-im-bestand div.ce_text p a,
.mietangebote div.ce_text p a {
	display:inline-block;
	margin:0;
	padding:4px 12px 2px 12px;
	width:auto;
	height:auto;
	background-color:#1d5aa5;
	color:#dadada;
	text-decoration:none;
}
.projekte-im-bestand div.ce_text p a:hover,
.mietangebote div.ce_text p a:hover {
	color:#ffffff;
}
/* Artikelteaser */
.ce_imageteaser {display:inline-block;vertical-align:top;position:relative;margin:0 -4px 0 0;width:33%;height:auto;}
.ce_imageteaser figure {position:relative;margin:0 1em 1em 0;}
.ce_imageteaser a {display:block;}
.ce_imageteaser figcaption {font-size:1em;position:absolute;left:0;bottom:0;border-top:2px solid #fff;width:100%;background-color:#1d5aa5;}
.ce_imageteaser figcaption span {color:#dadada;display:block;padding:0.5em 0.75em;transition:color 0.25s ease;}
.ce_imageteaser a:hover figcaption span {color:#fff;}
.ce_imageteaser p {margin:0;}
.ce_imageteaser img {display:block;width:100%;height:auto;opacity:0.9;transition:opacity 0.25s ease;}
.ce_imageteaser a:hover img {opacity:1;}


/* Portfolio Unterseite *****************************************************************************/
.portfolio.unterseite h2.second {line-height:1;}
.portfolio.unterseite .ce_text {margin-left:22em;margin-bottom:1em;}
.portfolio.unterseite .ce_text p {position:relative;border-top:1px solid #dadada;padding:0.5em 0 0 7.5em;}
.portfolio.unterseite .ce_text p strong {position:absolute;top:0.5em;left:0;}
.portfolio.unterseite .googlemap {margin-left:22em;}
.portfolio.unterseite .googlemap iframe {border:0;width:100%;}

/* Button .ce_hyperlink */
.ce_hyperlink a {display:inline-block;margin:1em 0 0 0;padding:4px 12px 2px 12px;width:auto;height:auto;background-color:#1d5aa5;color:#dadada;text-decoration:none;}
.ce_hyperlink a:hover {color:#fff;}

/* Inhalt responsive */
@media screen and (max-width:1152px) {
	/* Title- und Content-Div an Menu anpassen */
	.mod_title { left:1.5em; width:20em; }
	.mod_article { margin:1em 0 0 20em; }
	.portfolio.unterseite .ce_text {margin-left:20em;}
	.portfolio.unterseite .googlemap {margin-left:20em;}
}
@media screen and (max-width:1040px) {
	.ce_imageteaser {width:50%;}	
}
@media screen and (max-width:1040px) and (min-width:881px) {
	/* Text und Bild untereinander bei Immobilienportfolio */
	.ce_text figure.float_left {
		float:none;
		margin:0 2em 1em 0;
	}
	.ce_text {
		margin-bottom:4em;
	}
}
@media screen and (max-width:880px) {
	/* Abstand von Inhalt zu Navigation oben verringern */
	#container { padding:4.5em 0; }
	/* Zwei-Spaltenlayout aufheben */
	.mod_title { position:relative; top:auto; left:auto; margin-bottom:3em; width:100%; }
	.mod_article { margin:0; width:100%; }
	.portfolio.unterseite .ce_text {margin-left:0;}
	.portfolio.unterseite .googlemap {margin-left:0;}
	/* Linker Abstand bis Logobeginn hinzufuegen */
	.mod_title .inside { padding-left:1.5em; }
	.mod_article .ce_text { padding-left:1.5em; }
	.portfolio.unterseite .googlemap {padding-left:1.5em;}
}
@media screen and (max-width:720px) {
	/* Padding links von Inhalt entfernen */
	.mod_title .inside { padding-left:1em; }
	.mod_article .ce_text { padding-left:1em; }
	.portfolio.unterseite .googlemap {padding-left:1em;}
}
@media screen and (max-width:639px) {
	/* Text und Bild endgueltig untereinander bei Immobilienportfolio */
	.ce_text figure.float_left {
		float:none;
		margin:0 1em 1em 0;
	}
	.ce_text {
		margin-bottom:4em;
	}
}
@media screen and (max-width:600px) {
	.ce_imageteaser {width:100%;}
	.ce_imageteaser figure {margin:0 0 1em 0;}
}
@media screen and (max-width:560px) {
	#container { padding:3.5em 0 0.5em 0; }
	.mod_title { margin-bottom:2em; }
	.ce_text { margin-bottom:3em; }
}
@media screen and (max-width:400px) {
	#container { padding:3em 0 0.25em 0; }
	.mod_title { margin-bottom:1.5em; }
}

/* Youtube-Videos */
.mod_youtube {position:relative;padding-bottom:56.25%;/* 16:9 *//*padding-top:25px;*/height:0;}
.mod_youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Impressum Smalltext */
.impressum p:last-child {font-size:14px;}


/* Icongalerie *****************************************************************************/
.ce_gallery.icons {width:100%;height:auto;}
.ce_gallery.icons ul {list-style:none;margin:0;padding:0;width:100%;height:auto;}
.ce_gallery.icons li {display:inline-block;margin:0;padding:0 1em 2em 0;width:calc(25% - 4px - 1em);height:auto;text-align:center;}
.ce_gallery.icons figure {width:auto;height:auto;}
.ce_gallery.icons figcaption {font-family:"DIN Next LT W01 Bold",sans-serif;text-align:center;color:#1d5aa5;}
.ce_gallery.icons img {width:auto;max-width:72px;height:auto;}

@media screen and (max-width:880px) {
	.ce_gallery.icons {padding-left:1em;width:calc(100% - 1em);}
}
@media screen and (max-width:560px) {
	.ce_gallery.icons li {width:calc(50% - 4px - 1em);}
}