/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
#wrapper{width:960px;margin:0 auto}[class*=grid]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class*=ce_],.mod_article [class*=mod_]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class*=layout_]>*,.mod_article [class*=event_]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}[class*=grid]{float:none!important;display:block!important;width:auto!important}[class*=offset]{margin-left:10px!important}}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.hide { display: none; }

/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ General Styles ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */

html {
	font-size:100%;
	-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
}
html, html a {
	 -moz-osx-font-smoothing:grayscale;
		-webkit-font-smoothing:antialiased;
	 text-shadow:1px 1px 1px rgba(0, 0, 0, 0.004);
}
body { background-color:#f3f3f3 }
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ General Styles ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */



/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ Header ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */
/*  */

#header { text-align:center }
.mod_navigation {}
.mod_navigation ul { margin:0 0 20px 0 }
.mod_navigation ul li {
	display:inline-block;
	padding:0.8em 2em;
	font-family: 'Varela Round', sans-serif; font-size:24px
}
hr {
    border:0;
    height:1px;
		opacity:0.7;
    background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:   -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
#logo { margin:36px auto }
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ Header ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */



/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ Footer ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */

footer { font-size:0.875em }
footer > div.inside { padding:50px 0 }
footer li { display:inline-block }
#legal {
	width:35%;
	float:right;
}
#legal ul {
	width:100%;
	text-align:center;
	margin:auto
}
#legal ul li {
	width:33.33333%;
	margin:0 -2px;
}
address {
	width:65%;
	float:left;
	font-style:normal
}
address ul {
	width:90%;
	text-align:center;
	margin:auto
}
address ul li {margin:0 -2px; padding:0 10px;}
address ul li:before {
	content:"\f02e";
	font-family:'FontAwesome'; color:#007fc8;
	padding-right:5px;
}
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ Footer ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */



div#home-page {/*margin:60px auto*/}
.home-container {
	width:100%;
	background-color:#f3f3f3;
	position:relative;
	z-index:1
}
.home-container > section {
	width:480px; height:480px;
	position:relative;
	padding-bottom:50px
}
.home-container > section + section {
	position:absolute; top:0; right:0;
	padding-bottom:50px
}
.home-container > section + section + section { position:relative }
.home-container > section + section + section + section {
	position:absolute; top:480px; right:0;
	padding-top:50px
}
.home-container > section:last-child {
	position:relative; top:0;
	padding-top:0; 
}
.hide { display:block !important }

.showcase {
	width:80%; height:80%;
	border-radius:50%;
	margin:auto !important;
	border:0.8em solid #cacaca;
	position:relative; top:5%;
	-webkit-box-sizing:border-box;
		 -moz-box-sizing:border-box;
					box-sizing:border-box;
}
.showcase img {width:100%; max-width:120% !important;}
.showcase + a { position:relative; top:8%; }
.home-container h3.ce_headline {
	background-color:#007fc8;
	color:#FFFFFF; font-size:1.2em;
	margin:auto !important;
	padding:0.6em 2em;
	position:relative; top:8%;
	display:table;
	-webkit-box-sizing:border-box;
		 -moz-box-sizing:border-box;
					box-sizing:border-box;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		 -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
					box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.home-container h3.ce_headline:before {
	content:"";
	position:absolute; top:50%; bottom:0; left:10px; right:10px;
	z-index:-2;
	-moz-border-radius:100px / 10px;
			 border-radius:100px / 10px;
	-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.6);
		 -moz-box-shadow:0 4px 10px rgba(0,0,0,0.6);
					box-shadow:0 4px 10px rgba(0,0,0,0.6);
}
.house-title {
	background-color:#007fc8;
	color:#FFFFFF; text-align:center;
	display:table;
	margin:40px auto 0;
}
.house-title h3 {
	font-size:2em;
	padding-top:0.6em; padding-left:1.6em; padding-right:1.6em;
	margin:0;
}
.house-title h4 {
	font-size:1.4em; text-transform:uppercase;
	display:block;
	padding:0.6em;
	margin:0
}
.showcase figcaption.caption {
	width:100% !important;
	background-color:#007fc8;
	position:absolute; top:80%; bottom:0;
	text-align:center; color:#FFFFFF; font-weight:700; font-size:1.4em;
	padding-top:0.8em;
}



/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ Typography ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */

body { font-family: 'Varela Round', sans-serif; font-size:100%; color:#8c9398; }

a:link, a:visited {
	text-decoration:none; color:#8c9398;
	display:block;
}
a:hover { color:#007fc8 }

p { line-height:1.5em }

h1, h2, h3, h4, h5 { font-weight:normal }
h1 { color:#007fc8  }
h2 {   }
h3 {   }
h4 {   }
h5 { font-weight:bold }

#flat-data td, #flat-data th { line-height:1.5 }
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ Typography ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */



/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ Carousel ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */

.mod_caroufredsel_gallery { background-color:rgba(79,9,10,1.00)  }
		#caroufredsel_skin_6 { background-color:rgba(121,119,38,1.00)  }
				.caroufredsel_wrapper { background-color:rgba(70,155,146,1.00) }
						#caroufredsel_6 { background-color:rgba(179,96,183,1.00) }
								.caroufredsel_gallery { background-color:rgba(146,187,197,1.00) }
								#caroufredsel_gallery_6_0 {  }
								#caroufredsel_gallery_6_1 {  }
								#caroufredsel_gallery_6_2 {  }
				#caroufredsel_controls_6 { background-color:rgba(87,92,168,1.00) }
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ Carousel ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */



/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ House availability ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */

#building_map {
	width:840px;
	margin:auto
}
ul { list-style:none }

.vermietet { background-color:#818181 }
.frei { background-color:#007fc8 }
.vermietet a:visited, .vermietet a:link, .frei a:link, .frei a:visited { color:white }
.vermietet a { pointer-events: none; }

.legend-1 li.vermietet {
	background:none;
	color:#818181;
	margin:1em
}
.legend-1 li.frei {
	background:none;
	color:#007fc8;
	margin:1em
}
.legend-1 li.vermietet:after, .legend-1 li.frei:after {
	width:1em;
	display:inline-block;
	content:".";
	margin-left:0.4em;
	background-color:#818181;
}
.legend-1 li.frei:after { background-color:#007fc8 }

#building_map section {
	min-height:300px;
	float:left;
	text-align:center;
}
.legend-1 {
	width:140px;
	display:table;
	position:relative; top:100px;
}
.legend-1 ul {
	display:table-cell; vertical-align:middle;
	text-align:right;
}
.haus-vorder { width:300px }


.legend-2 {
	width:100px;
	color:#007fc8;
}
.legend-2 li {
	padding:1.55em 0;
	border-top:1px solid transparent;
}
.haus-seiten { width:200px }

.not_equal_storeys-1 {position:relative; bottom:-4.15em;}
.not_equal_storeys-4 {position:relative; bottom:-16.35em;}



/* ------------------------- */
/*
.haus-vorder em {
	width:30%;
	margin:0.8em 0;
	margin-left:10%
}
.haus-vorder p.pruefen {
	width:30%;
	margin:0.8em 0;
	margin-left:10%
}
.haus-seiten em {
	width:60%;
	margin:0.8em 0;
}
.haus-seiten p.pruefen {
	width:60%;
	margin:0.8em 0;
}
/* ------------------------- */


/* ------------------------- */
p.pruefen.doppel {
	width:30%;
	margin:0.8em 0;
	margin-left:10%
}
p.pruefen.einzel {
	width:70%;
	margin:0.8em 0;
}
p.pruefen.leer {
	background:none;
	border:1px solid transparent;
}
/* ------------------------- */



.gebaude { background-color:#b4b4b4 }

/* ------------------------- */
section[class^=haus] em  {
	display:inline-block;
	padding:0.4em 0.8em;
	border:1px solid #FFFFFF;
	color:#F4F4F4; font-style:normal; white-space:nowrap;
	position:relative;
}
p.pruefen  {
	display:inline-block;
	padding:0.4em 0.8em;
	border:1px solid #FFFFFF;
	color:#F4F4F4; font-style:normal; white-space:nowrap;
	position:relative;
}
/* ------------------------- */

section[class^=haus] li  { border-top:1px solid #FFFFFF }
section[class^=haus] li:last-child  { border-bottom:1px solid #FFFFFF }
section[class^=haus] h5 {
	font-size:1em; text-transform:uppercase; color:#007fc8; font-weight:normal;
	margin-top:1em
}
.dach-1 {
	width:0; height:0;
	border-bottom:100px solid #b4b4b4; border-left:150px solid transparent; border-right:150px solid transparent;
}
.dach-2 {
	width:0; height:0;
	border-bottom:100px solid #b4b4b4; border-left:100px solid transparent; border-right:100px solid transparent;
}
sup { line-height:1; font-size:0.5em }

/* ---------------------- --- */
section[class^=haus] em + em { float:right; margin-left:0; margin-right:10% }
p.pruefen + p.pruefen { float:right; margin-left:0; margin-right:10% }
/* ------------------------- */

.spacer { height:100px }
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ House availability ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */



/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ Flat description ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */

header.flat-title { text-align:center; font-family: 'Varela Round', sans-serif }
.flat-title h3 { color:#007fc8 }
.flat-title h4 {
	color:#58585a;
	margin-top:0;
}
.flat-title p {
	color:#007fc8;
	display:block;
}
.back_link { font-family: 'Varela Round', sans-serif !important }		/* IE9 fix */
.back_link:before {
	 content:"\f122";
	 font-family: FontAwesome;
	 font-size:2em;
	 position:relative; top:0.2em; right:0.4em;
}
#flat-data {
	float:left;
	margin-bottom:40px;
}
#flat-data th {
	color:#007fc8; text-align:left;
	padding:8px;
}
#flat-data td { padding:8px }

.flat-anfragen {
	width:188px; height:188px;
	background-color:#007fc8;
	float:right;
	border-radius:50%;
	text-align:center;
	border:12px solid #cacaca;
	-webkit-box-sizing:border-box;
		 -moz-box-sizing:border-box;
				  box-sizing:border-box;
}
.flat-anfragen a {color:white; line-height:164px;}
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ Flat description ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */


/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ Kontakt ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */

.smart-green {
    margin-left:auto; margin-right:auto; padding:30px 0;
    max-width:80%;
    color:#666; font-size:0.888888em;
    border-radius:5px;
}
.smart-green label, .smart-green legend {
    display:block;
    margin:20px 0 3px 0;
		color:#8c9398
}
.smart-green legend {
	margin-bottom: 20px;
}
.smart-green .checkbox_news {
    margin-top: 20px;
}
.smart-green .checkbox_news label {
    margin: 0;
}
.smart-green label > span {
    float:left;
    /* margin-top:10px; */
		margin-right:5px;
    color:#dd0f12;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green input[type="tel"], .smart-green textarea, .smart-green select {
	  height:30px; width:100%;
    color:#a7a6a6; line-height:15px; font-size:0.888888em;
    padding:0px 0px 0px 10px; margin-top:2px;
    border:1px solid #E5E5E5; outline:0;
    background:#FBFBFB;
		-webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
    				box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
}

::-webkit-input-placeholder {color:#d0d5d7; padding-left:10px;}
:-moz-placeholder {color:#d0d5d7; padding-left:10px;}
::-moz-placeholder {color:#d0d5d7; padding-left:10px;}
:-ms-input-placeholder {color:#d0d5d7; padding-left:10px;}

.smart-green textarea {
    height:100px;
    padding-top:10px;
}
.smart-green select {
	  width:100%; height:30px;
    background: url("https://oso-immobilien.de/files/OSO/css/down-arrow.png") no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url("https://oso-immobilien.de/files/OSO/css/down-arrow.png") no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
		-webkit-appearance:none;
			 -moz-appearance:none;
						appearance:none;
    text-indent:0.01px; text-overflow: '';
}
.smart-green .button {
    background-color:#13366D;
    border-radius:5px;
    border:none;
    padding:10px 25px 10px 25px;
    color:#FFF; font-size:0.888888em;
		cursor:pointer;
}
.smart-green .button:hover { background-color:#728AAD }
.smart-green input[type="submit"] {
	background-color:#007fc8;
	color:white;
	padding:0.8em 1.2em;
	border-radius:4px;
	border:0;
	cursor:pointer;
	margin-top:0.5em;
	-webkit-transition:background .2s ease-in;
		 -moz-transition:background .2s ease-in;
			-ms-transition:background .2s ease-in;
			 -o-transition:background .2s ease-in;
					transition:background .2s ease-in
	}
.smart-green input[type="submit"]:hover { background-color:#58585a }
.smart-green .checkbox_news input.checkbox {
	width: 5%;
	float: left;
}
.smart-green .checkbox_news label {
	width: 95%;
	float left;
}
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ Kontakt ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */



/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ Common mobile styles ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */

  @media(min-width:641px) and (max-width:979px) {

    .home-container > section {
      width:360px; height:360px;
      position:relative;
      padding-bottom:50px
    }
    .home-container > section + section {
      position:absolute; top:0; right:0;
      padding-bottom:50px
    }
    .home-container > section + section + section { position:relative }
    .home-container > section + section + section + section {
      position:absolute; top:360px; right:0;
      padding-top:50px;
    }
    .showcase figcaption.caption { font-size:1em }

  }
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ Common mobile styles ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */



/* ◼◼◼◼◼◼◼◼◼◼◼◼ ★ Phones ★ ◼◼◼◼◼◼◼◼◼◼◼◼ */

  @media(min-width:320px) and (max-width:640px) {

    #home-page > .home-container > section {
      width:100vw; height:100vw;
      margin: auto;
      position:relative ; top:auto; right:auto;
      padding:0 0 20px;
      display:block;
      float:none;
    }

    .home-container h3.ce_headline { font-size:1em  }

    .showcase figcaption.caption {
      font-size:1em;
      padding-top:0.5em;
    }

    .house-title h3, .house-title h4 { font-size:1em }

    #building_map { width:auto }
    #building_map section {
      margin:auto;
      float:none;
      min-height:inherit;
    }
    .legend-1 { position:inherit }
    .legend-2 { display:none }
    section.not_equal_storeys-1, section.not_equal_storeys-4 { bottom:auto }

    #kontakt a { display:inline }

    footer#footer { padding-bottom:20px }
    nav#legal ul li, address ul li {
      display:block;
      margin:0 5px 5px;
    }
    address ul { text-align:left }

    .galleria-images .galleria-image, .galleria-theme-custom { width:100% !important }

  }
/* ◼◼◼◼◼◼◼◼◼◼◼◼ ◎ Phones ◎ ◼◼◼◼◼◼◼◼◼◼◼◼ */