/* BASE ************************************************************************/

/* Tags */
html {font-family:Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;min-height:100.1%;scroll-behavior:smooth;}
body {font-size:100%;margin:0;background-color:#f2ede6;}

a {text-decoration:none;color:inherit;}
figure {display:block;margin:0;}
img {margin:0;border:0;padding:0;width:auto;max-width:100%;height:auto;}

/* Klassen */
.invisible {text-indent:20px;display:block;position:absolute;top:-3000px;left:-3000px;width:1px;height:1px;overflow:hidden;}
main > .inside {position:relative;}
/* LAYOUT Logo *****************************************************************/
.mod_logo {display:table;margin:0;border:0;padding:0;width:100%;height:3em; }
.mod_logo > div {display:table-cell;margin:0;border:0;padding:0;height:auto;vertical-align:bottom;}
.mod_logo div#teil1 {width:16.667%;min-width:96px;background-color:#ffffff;}
.mod_logo div#teil2 {width:83.333%;background-color:#cdb89a;}
.mod_logo img {display:block;margin:0;border:0;padding:0;width:auto;height:3em;}
.mod_logo div#teil1 img {float:right;}
.mod_logo div#teil2 img {float:left;}

@media screen and (min-width:1120px) {
	.mod_logo {height:3.75em;}
	.mod_logo img {height:3.75em;}
}
/* MENU ************************************************************************/
.mod_hauptmenu {position:relative;display:block;width:100%;}
.mod_hauptmenu ul {list-style:none;display:none;position:absolute;top:0.8em;right:0;z-index:100;margin:0;padding:0;width:calc(100% - 16.667%);max-width:calc(100% - 96px);height:auto;background-color:#cdb89a;/*background:rgba(205,184,154,0.6);*/}
.mod_hauptmenu ul li {display:block;margin:0 0.5625em;border-bottom:1px solid #dacab3;padding:1.125em 0;}
.mod_hauptmenu ul li.first {padding-left:0;}
.mod_hauptmenu ul li.last {border:0;padding-right:0;}

@media screen and (min-width:848px) {
	.mod_hauptmenu ul {display:block;top:-1.8em;right:4.5em;width:auto;background:none;}
	.mod_hauptmenu ul li {display:inline-block;margin:0;border-right:1px solid #dacab3;border-bottom:0;padding:0 0.5625em;}
}
@media screen and (min-width:1120px) {
	.mod_hauptmenu ul {right:9%;}
}
@media screen and (min-width:1152px) {
	.mod_hauptmenu ul li {padding:0 1.125em;}
}

/* Hauptmenu responsive */
@media screen and (max-width:1120px) {
	/* Zwischenraeume Menupunkte verringern */
	naav ul li { padding:0 0.5em; }
}

@media screen and (max-width:848px) {
	/* Navigation ausblenden */
	/* Mobiles Menu stylen */
	naav ul li.first { padding:1em 0; }
	naav ul li.last { border:0; }
}


/* Loginlink */
.mod_mieterservice_login {position:absolute;top:-2.5em;right:1.125em;z-index:1000;width:36px;height:auto;}
.mod_mieterservice_login img {width:36px;height:auto;}

@media screen and (min-width:1120px) {
	.mod_mieterservice_login {right:2.25em;}
}



/* Menubutton */
.mod_menubutton {position:absolute;top:-1.8em;right:4.5em;z-index:1000;width:auto;height:auto;}
.mod_menubutton .auf {display:block;}
.mod_menubutton .zu {display:none;}
.mod_menubutton img {width:26px;height:auto;}


@media screen and (min-width:848px) {
	.mod_menubutton {display:none;}
}



@media screen and (max-width:768px) {
	#top:target .mod_hauptmenu ul {display:block;}
	#top:target .mod_menubutton .auf {display:none;}
	#top:target .mod_menubutton .zu {display:block;}
}
/* FONTS ***********************************************************************/

/* Schriftart */
a,
button,
h1,
input,
label,
p,
small,
li {font-family:century-gothic,sans-serif;font-weight:400;font-style:normal;}

h2,
h3,
strong {font-family:century-gothic,sans-serif;font-weight:700;font-style:normal;}

/* Schriftfarbe */
a,
h1,
h2,
h3,
input,
label,
p,
small,
li {color:#4e4e4d;}

button {color:#fff;}

a:hover {color:#cdb89a;}

/* Schriftgroesse */
h1 {font-size:1.25em;line-height:22px;}
h2 {font-size:1.25em;}
h3 {font-size:1em;}

small,
.small p,
.explanation {font-size:12px;}

@media screen and (min-width:715px) {
	h1 {font-size:1.5em;}
	h2 {font-size:1.5em;}
}
@media screen and (min-width:848px) {
	h1 {font-size:1.75em;}
}
@media screen and (min-width:1120px) {
	h1 {font-size:2em;}
}


/* Transitions */
a {transition:color 0.25s ease-out;}


/* Navigation */
.mod_navigation ul li {font-size:1em;line-height:1;color:#fff;}
.mod_navigation ul li a {color:#fff;}
.mod_navigation ul li a:hover {color:#4e4e4d;}
.mod_navigation ul li strong {color:#4e4e4d;}
/* ARTICLE *********************************************************************/
.mod_article {position:relative;margin:0;border:0;padding:0;width:100%;transition:padding-top 0.5s ease;}

@media screen and (min-width:768px) {
}
@media screen and (min-width:960px) {
}
@media screen and (min-width:1152px) {
}

/* Seitentitel */
.ce_headline {display:block;position:relative;margin:-2em 0 3em 8%;border-left:0.4em solid #cdb89a;padding:1em 0 0.8em 1em;width:calc(92% - 1.4em);background-color:#f2ede6;background:rgba(242,237,230,0.85);}

@media screen and (min-width:715px) {
	.ce_headline {position:absolute;top:0.4em;right:0;margin:0;width:calc(83.333% - 1.4em);}
}
@media screen and (min-width:848px) {
	.ce_headline {padding:1.2em 0 0.85em 1.25em;width:calc(83.333% - 1.65em);}	
}
@media screen and (min-width:1120px) {
	.ce_headline {padding:1.5em 0 1em 1.5em;width:calc(83.333% - 1.9em);}	
}
@media screen and (max-width:848px) {
	.siteinsite h1.ce_headline {margin-bottom:144px;}
}


/* Text */
.ce_text {margin:0 6% 0 8%;padding:0;width:auto;}
.ce_text p {margin:1em 0 0 0;}

@media screen and (min-width:715px) {
	.ce_text {margin:3.75em 10% 0 16.667%;padding-left:0.8em;max-width:45em;}
	.siteinsite .ce_text {margin-top:5.5em;}
}

/* Bild */
.ce_image {margin:1em 6% 0 8%;padding:0;width:auto;}

@media screen and (min-width:715px) {
	.ce_image {margin:3.75em 10% 0 16.667%;padding-left:0.8em;max-width:600px;}
}


/* Galerie */
.ce_gallery {margin:0 6% 0 8%;padding:0;width:auto;}
.ce_gallery > ul {margin:0;padding:0;overflow:hidden;list-style:none;}
.ce_gallery > ul li {float:left;display:block;}
/*.ce_gallery > ul li.col_first {clear:left;}*/
.ce_gallery figure {margin:8px 8px 0 0;display:block;}
.ce_gallery a {display:block;}
.ce_gallery img {display:block;}

@media screen and (min-width:715px) {
	.ce_gallery {margin:3.75em 10% 0 16.667%;padding-left:0.8em;max-width:600px;}
	.siteinsite .ce_gallery.first {margin-top:5.5em;}
}


/* Aufzaehlung */
.ce_list {margin:0 6% 0 8%;padding:0;width:auto;}
.ce_list ul {list-style-image:url('../../files/design/bilder/listenpunkt.png');padding-left:12px;}
.ce_list p {margin:1em 0 0 0;}

@media screen and (min-width:715px) {
	.ce_list {margin:3.75em 10% 0 16.667%;padding-left:0.8em;max-width:45em;}
}


/* GoogleMaps */
.ce_googlemaps {margin:0 6% 0 8%;padding:0;width:auto;}
iframe {max-width:100%;}

@media screen and (min-width:715px) {
	.ce_googlemaps {margin:1em 10% 0 16.667%;padding-left:0.8em;max-width:45em;}
}




/* Formular */
.ce_form {margin:0 6% 0 8%;padding:0;width:auto;}
.formbody > fieldset { margin:0; padding:1em 0 1em 0; border:0; border-bottom:1px solid #dacab3; clear:both; }
.formbody > fieldset > legend { display:none; }
.widget { display:table; margin-bottom:0.5em; width:100%; }
.ce_form h2 { margin-top:2em; }
.widget > label { display:table-cell; width:34%; vertical-align:top; }
.widget > input.text { display:table-cell; border:1px solid #dacab3; padding:0.25em 2%; width:96%; font-size:1em; outline:none; vertical-align:top; }
.widget > textarea { display:table-cell; border:1px solid #dacab3; padding:0.25em 2%; width:96%; font-size:1em; outline:none; vertical-align:top; }
.widget fieldset { display:table; margin:0; border:0; padding:0; width:100%; }
.widget fieldset > legend { display:table-cell; width:25%; vertical-align:top; }
.widget fieldset > span { display:table-cell; border:1px solid #dacab3; padding:0.25em 0.5em; width:auto; font-size:1em; outline:none; vertical-align:top; }
.widget-submit { display:block; margin:1.5em 0 0 0; }
.widget-submit button { border:1px solid #cdb89a; padding:0.25em 1.5em 0.35em 1.5em; width:auto; background-color:#cdb89a; font-size:1em; color:#ffffff; }
.widget-submit button:hover { color:#4e4e4d; }
.widget-submit button:active { background-color:#dacab3; color:#4e4e4d; }
.explanation { margin-top:1em; }

@media screen and (min-width:715px) {
	.ce_form {margin:1em 10% 0 16.667%;padding-left:0.8em;max-width:45em;}
	.widget > label { display:table-cell; width:25%; vertical-align:top; }
}












div.ce_headline h2 { display:block; margin:0; padding:2.25em 0 0 0.4em; width:auto; font-size:1em; }
div.ce_text.objekte {position:relative;border-bottom:1px solid #dacab3;min-height:14em;}
div.ce_text.objekte p:last-child { padding-bottom:1em; }
div.ce_text.objekte h2 { font-size:1.5em; }
div.ce_text.objekte figure {position:absolute;top:0;right:0;margin:0;width:auto;height:90%;overflow:hidden;}
div.ce_text.objekte img {width:auto;max-width:320px;height:auto;}
@media screen and (max-width:1120px) {
div.ce_headline h1.first { padding:1.2em 0 0.85em 1.25em; font-size:1.75em; }	
}
@media screen and (max-width:848px) {
		div.ce_headline h1.first { padding:1em 0 0.8em 1em; font-size:1.5em; }	
}
@media screen and (max-width:715px) {
	/* Margin-left anpassen */
	div.mod_article > div.ce_headline { position:relative; margin:0 0 3em 8%; width:92%; }
	/* Schriftgroesse anpassen */
	div.ce_headline h1.first { margin:-2.65em 0 0 0; font-size:1.25em; }
	div.ce_text.objekte h2 { font-size:1.25em; }
}
@media screen and (max-width:580px) {
	/* Objektbilder relative platzieren */
	div.ce_text.objekte figure {position:relative;top:auto;right:auto;margin:0;width:auto;height:auto;overflow:auto;}
div.ce_text.objekte img {width:auto;max-width:100%;}
}



















.ce_headline h2 { display:block; margin:0; padding:2.25em 0 0 0.4em; width:auto; font-size:1em; }
.ce_text.objekte {position:relative;border-bottom:1px solid #dacab3;min-height:14em;}
.ce_text.objekte p:last-child { padding-bottom:1em; }
.ce_text.objekte h2 { font-size:1.5em; }
.ce_text.objekte figure {position:absolute;top:0;right:0;margin:0;width:auto;height:90%;overflow:hidden;}
.ce_text.objekte img {width:auto;max-width:320px;height:auto;}
@media screen and (max-width:1120px) {
.ce_headline h1.first { padding:1.2em 0 0.85em 1.25em; font-size:1.75em; }	
}
@media screen and (max-width:848px) {
		.ce_headline h1.first { padding:1em 0 0.8em 1em; font-size:1.5em; }	
}
@media screen and (max-width:715px) {
	/* Margin-left anpassen */
	.mod_article > div.ce_headline { position:relative; margin:0 0 3em 8%; width:92%; }
	/* Schriftgroesse anpassen */
	.ce_headline h1.first { margin:-2.65em 0 0 0; font-size:1.25em; }
	.ce_text.objekte h2 { font-size:1.25em; }
}
@media screen and (max-width:580px) {
	/* Objektbilder relative platzieren */
	.ce_text.objekte figure {position:relative;top:auto;right:auto;margin:0;width:auto;height:auto;overflow:auto;}
	.ce_text.objekte img {width:auto;max-width:100%;}
}


/* Titelbild */
.ce_image.first {display:block;position:relative;z-index:-10000;margin:0;padding:0;width:100%;height:8em;overflow:hidden;transition:height 0.5s ease; }
.ce_image.first figure {position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.ce_image.first img {display:none;}
@media screen and (min-width:456px) {
	.ce_image.first {height:12em;}
}
@media screen and (min-width:516px) {
	.ce_image.first {height:14em;}
}
@media screen and (min-width:656px) {
	.ce_image.first {height:18em;}
}
@media screen and (min-width:715px) {
	.ce_image.first {margin:0;padding-left:0;max-width:none;}
}
@media screen and (min-width:816px) {
	.ce_image.first {height:21em;}
}
@media screen and (min-width:1056px) {
	.ce_image.first {height:25em;}
}
@media screen and (min-width:1344px) {
	.ce_image.first {height:30em;}
}







/* LAYOUT Transparenz *****************************************************************/
#transparenz {display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-9000;background:rgba(205,184,154,0.1);}
#transparenz .inside {display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-9000;background:rgba(205,184,154,0.1);}
/* LAYOUT Fusszeile *****************************************************************/
footer {display:block;margin:0 0 2em 0;width:100%;}
footer .mod_fusszeile {display:block;margin:0 6% 0 8%;width:86%;height:auto;}
footer .mod_fusszeile p {margin:0;padding:4em 0 0 0;font-size:12px;}
.trennstrich {padding:0 0.25em;color:#cdb89a;}
footer .mod_fusszeile p a:hover {color:#cdb89a;}
@media screen and (min-width:715px) {
	footer .mod_fusszeile {margin:0.75em 0 0 auto;width:calc(83.333% - 0.8em);}
}