@charset "utf-8";
/* CSS Document */

/* CSS Reset by Eric Meyer - Released under Public Domain http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: fnone;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* Design by Photospirit */
/* Copyright - www.photospirit.ch */

@font-face {
    font-family: 'opusregular';
    src: url('../fonts/opus_regular-webfont.eot');
    src: url('../fonts/opus_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opus_regular-webfont.woff2') format('woff2'),
         url('../fonts/opus_regular-webfont.woff') format('woff'),
         url('../fonts/opus_regular-webfont.ttf') format('truetype'),
         url('../fonts/opus_regular-webfont.svg#opusregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'opusbold';
    src: url('../fonts/opus_bold-webfont.eot');
    src: url('../fonts/opus_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opus_bold-webfont.woff2') format('woff2'),
         url('../fonts/opus_bold-webfont.woff') format('woff'),
         url('../fonts/opus_bold-webfont.ttf') format('truetype'),
         url('../fonts/opus_bold-webfont.svg#opusbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	margin: 0 auto;
	padding: 0 auto;
	background: #fff;
	font-size: 100%; /* 16px */
    font-family: 'opusregular';
	color: #1C1C1B;
	overflow-y: scroll;
	overflow-x: hidden;
}

p {
	line-height:160%;
	font-size:13px;
	font-size:0.825rem;
}

p.kontakt {
	line-height:130%;
}

p.stiftung {
	line-height:100%;
}

p.top-adjust {
	padding-top:60px;
	padding-bottom:20px;
}

.stiftung-one-half {
	margin-top:5px;
}
.line {
	width:90%;
	border-top: thin solid #000;
	padding-bottom:7px;
}

.pb10 {
	padding-bottom:10px;
}

.bold {
    font-family: 'opusbold';
	font-size:14px;
	font-size:0.875rem;
	letter-spacing:2px;
}

a {
	color: #1C1C1B;
	text-decoration:none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

a:hover {
	color: #E8411C;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

table {
	font-size:14px;
	font-size:0.875rem;
}

td {
	padding:2px 0px;
}

td.pr {
	padding-right:20px;
}

table.grundriss {
	font-size:13px;
	font-size:0.825rem;
	margin-left:290px;
	margin-top:19px;
	letter-spacing:2px;
	line-height:130%;
}

.clear {
	clear:both;
}

/* CONTENT */

#wrapper {
	margin:0 auto;
	padding: 0 auto;
	max-width:1170px;
	height:715px;
	background: url(../images/bg_header_full.png) bottom center no-repeat;
}

#wrapper-galerie {
	margin:0 auto;
	padding: 0 auto;
	max-width:1170px;
	height:715px;
	background: url(../images/bg_header_full.png) bottom center no-repeat;
}


/* Header Information */
#header {
	height:100px;
	width:100%;
	position:relative;
	z-index:10;
}

#header .header-bg {
	background: url(../images/bg_header.png) bottom left no-repeat;
	max-width: 1170px;
	height:111px;
	margin: 0 auto;
	padding: 0 auto;
}

.header-fg {
	background: #ff3232; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(left,  #f00 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f00), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f00 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f00 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f00%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right,  #f00 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
	height:100px;
	width: 100%;
}

.construction {
	background: #ff3232; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(left,  #f00 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f00), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f00 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f00 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f00%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right,  #f00 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
	height:25px;
	width: 100%;
	z-index:100;
	position:relative;
	top:-45%;
	color: #f6ca2f;
	padding-top:5px;
	text-align:center;
	letter-spacing:2.5px;
	font-size:14px;
	font-size:0.875rem;
	margin-bottom:-25px;	
}

.logo {
	float:left;
	width:12%;
	padding:20px 0px 0px 30px;
	position:relative;
	z-index:100;
}

.logo img {
	width:85%;
	height:auto;
}

.logo-slogan {
	float:left;
	text-transform:uppercase;
	color: #f6ca2f;
	letter-spacing:3.55px;
	font-size:16px;
	font-size:1rem;
	padding:45px 0px 0px 0px;
    font-family: 'opusregular';
}

#content-slider {
	margin: 0 auto;
	padding: 0 auto;
	max-width:1170px;
	height:554px;
	position:relative;
	top:-60px;
}

#content {
	background:#fff url(../images/background3.jpg) no-repeat top left;
	margin: 0 auto;
	padding: 0 auto;
	max-width:1170px;
	height:607px;
	position:relative;
	top:0;
}

#content .left {
	float:left;
	width:35%;
	height:577px;
	background: rgba(224,224,224,0.8);
	padding:30px 10px 10px 40px;
	position:absolute;
	top:30px;
	left:0px;
}

#content .left-miete {
	float:left;
	width:60%;
	height:577px;
	background: rgba(224,224,224,0.8);
	padding:30px 10px 10px 40px;
	position:absolute;
	top:30px;
	left:0px;
}


#content-wobg {
	background:#fff url(../images/background_white.jpg) no-repeat top left;
	margin: 0 auto;
	padding: 0 auto;
	max-width:1170px;
	height:607px;
	position:relative;
	top:0;
}

#content-wobg .left-two-third {
	float:left;
	width:68.2%;
	height:577px;
	padding:30px 200px 10px 0px;
	position:absolute;
	top:30px;
	left:0px;
}

#content-wobg .left-two-third ul {
	text-align:right;
	margin-top:10%;
	letter-spacing:2px;
}

#content-wobg .left-two-third li {
	padding:0 0 10px 0;
	font-size: 13px;
	font-size: 0.825rem;
}

#content-wobg .left-one-third {
	float:left;
	width:60%;
	height:577px;
	padding:50px 0px 10px 290px;
	position:absolute;
	top:30px;
	left:0px;
}

.left-one-third-lageplan {
	height:577px;
	float:left;
	width:30%;
	padding: 50px 0px 10px 40px;
	position:absolute;
	top:30px;
	left:0px;
}

#content-wobg .right{
	height:577px;
	position:absolute;
	top:30px;
	right:0px;
}

#content-wobg .right-one-third{
	height:577px;
	position:absolute;
	top:30px;
	right:0px;
}

#content-wobg .middle {
	width:70%;
	margin:0 15%;
}

#scrollDiv {
	height:480px;
	overflow-x:hidden;
	overflow-y:scroll;
}




/* FOOTER INFO */ 
#footer {
	font-size: 12px;
	font-size:0.75rem;
	padding: 16px 0 20px 0;
	text-align:center;
    font-family: 'opusregular';
	position:relative;
}

#footer li {
	display:inline;
	padding-right:15px;
}

#footer li.last {
	padding-right:0px;
}

#footer a {
	color: #1C1C1B;
	font-size: 12px;
	font-size:0.75rem;
}

#footer a:hover {
	color: #E8411C;
}

.bewertung {
	position:absolute;
	top:-161px;
	right:0;
	z-index:1;
}


.fa {vertical-align:middle; padding:0px 10px;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 200px) and (max-width: 320px) {
#wrapper-galerie {background:none;}
#content-slider {height:27%;top:30px;}
.logo { float:left; width:25%; padding:10px 0px 0px 5px; }
.logo img {width: 80%;}
.logo-slogan {width:68%; font-size:12px; font-size:0.75rem; padding:15px 0px 0px 0px; margin-left:0px; line-height:120%;}
#wrapper {background:none;}
#content .left { width:100%; margin-top:0px;padding-left:10px;height:577px;}
#content .left p {font-size:13px;line-height:145%;}
#content .left-miete {width:100%; padding:15px 0px 0px 10px;margin-top:0px;height:577px;}
table {	font-size:12px;	font-size:0.75rem;}
#content-wobg {height:auto;}
#content-wobg .left-two-third { float:none;	width:100%; height:auto; padding:30px 0px 10px 10px;position:relative;}
#content-wobg .left-two-third ul {text-align:left; margin-top:0px;}
#content-wobg .left-one-third, .left-one-third-lageplan { float:none;	width:100%; height:auto; padding:15px 0px 10px 10px;position:relative;}
#content-wobg .right{ float:none; height:auto; position:relative;}
#content-wobg .right img{width:90%; margin-left:10px;}
#content-wobg .right-one-third {float:none;height:100%;position:relative;}
#content-wobg .right-one-third img{width:90%; margin-left:10px;}
#content-wobg .middle { width:95%;margin: 0 2.5%;}
#footer {padding-bottom:20px; padding-top:40px;}
#footer li { display:block;text-align:left;padding:0px 0px 0px 10px;line-height:140%;}
.bewertung {position:absolute;top:-28px;right:0;}

.stiftung-mobile {width:100% !important;}
.stiftung-one-half {float:left;margin-right:45px;margin-top:15px;}
.stiftung-one-half-last {margin-right:0px;}
.stiftung-one-half p {line-height:120% !important;}
.stiftung-one-half-last {margin-top:15px;}
.line {display:none;}
.kontakt-mobile p{line-height:120% !important;}
table.grundriss { margin-left:3px;margin-top:0px;width:98%;}
.construction { height:45px; position:relative; top:-12%; font-size:12px;padding:5px 5px 0px 5px;margin-bottom:-25px;}


}

@media only screen and (min-width: 321px) and (max-width: 480px) {
#wrapper-galerie {background:none;}
#content-slider {max-height:25%;top:40px;}
.header-fg {min-height:110px;}
.logo { float:left; padding:10px 0px 0px 5px; }
.logo img {width: 100%;}
.logo-slogan {width:68%; font-size:14px; font-size:0.875rem; padding:15px 0px 0px 0px; margin-left:10px; line-height:120%;}
#wrapper {background:none;}
#content .left { width:100%; margin-top:10px;padding-left:10px;height:567px;}
#content .left p {font-size:13px;line-height:160%;}
#content .left-miete {width:100%; padding:15px 0px 0px 10px;margin-top:10px;height:567px;}
table {	font-size:12px;	font-size:0.75rem;}
#content-wobg {height:auto;}
#content-wobg .left-one-third, .left-one-third-lageplan { float:none; width:100%; height:auto; padding:25px 0px 10px 10px;position:relative;}
#content-wobg .left-two-third { float:none;	width:100%; height:auto; padding:30px 0px 10px 10px;position:relative;}
#content-wobg .left-two-third ul {text-align:left; margin-top:0px;}
#content-wobg .right{ float:none; height:100%; position:relative;}
#content-wobg .right img{width:90%; margin-left:10px;}
#content-wobg .right-one-third {float:none;height:100%;position:relative;}
#content-wobg .right-one-third img{width:90%; margin-left:10px;}
#content-wobg .middle { width:95%;margin: 0 2.5%;}

#footer {position:relative;padding-top:120px;padding-bottom:20px;}
#footer li { display:block;text-align:left;padding:0px 0px 0px 10px;line-height:140%;}
.bewertung {position:absolute;top:51px;right:0;}

.stiftung-mobile {width:100% !important;}
.stiftung-one-half {float:left;margin-right:65px;margin-top:15px;}
.stiftung-one-half-last {margin-right:0px;}
.stiftung-one-half p {line-height:120% !important;}
.stiftung-one-half-last {margin-top:15px;}
.line {display:none;}
.kontakt-mobile p{line-height:120% !important;}
table.grundriss { margin-left:3px;margin-top:0px;font-size:12px;width:100%;}
.construction { height:45px; position:relative; top:-10%; padding:5px 5px 0px 5px; font-size:13px;}
}

@media only screen and (min-width: 481px) and (max-width: 639px) {
#wrapper-galerie {background:none;}
#content-slider {max-height:53%;top:40px;}
.header-fg {height:110px;}
.logo { float:left; padding:10px 0px 0px 5px; }
.logo img {width: 70%;}
.logo-slogan {width:68%; font-size:14px; font-size:0.875rem; padding:15px 0px 0px 0px; margin-left:0px; line-height:120%;}
#wrapper {background:none;}
#content .left { width:70%; margin-top:10px;padding-left:10px;height:567px;}
#content .left-miete {width:100%; padding:15px 0px 0px 10px;margin-top:10px;height:567px;}
#content-wobg {height:auto;}
#content-wobg .left-one-third, .left-one-third-lageplan { float:none; width:100%; height:auto; padding:25px 0px 10px 10px;position:relative;}
#content-wobg .left-two-third { float:none;	width:100%; height:auto; padding:30px 0px 10px 10px;position:relative;}
#content-wobg .left-two-third ul {text-align:left; margin-top:0px;}
#content-wobg .right{ float:none; height:100%; position:relative;}
#content-wobg .right img{max-width:90%; margin-left:10px;}
#content-wobg .right-one-third {float:none;height:100%;position:relative;}
#content-wobg .right-one-third img{max-width:100%; margin-left:10px;}
#content-wobg .middle { width:95%;margin: 0 2.5%;}

#footer {padding:0px 0px 20px 0px;}
#footer li { display:block;text-align:left;padding:0px 0px 0px 10px;line-height:140%;}
.bewertung {position:absolute;top:-71px;right:0;}

.stiftung-mobile {width:100% !important;}
.stiftung-one-half {float:left;margin-right:100px;margin-top:15px;}
.stiftung-one-half p {line-height:120% !important;}
.stiftung-one-half-last {margin-top:15px;}
.line {display:none;}
table.grundriss { margin-left:3px;margin-top:0px;}
.construction { height:35px; position:relative; top:-35%;padding:5px 5px 0px 5px; font-size:13px;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
#wrapper-galerie {background:none;}
p.top-adjust {padding-top:100px;padding-bottom:20px;}


#content-slider {max-height:48%;}
.header-fg {height:140px;}
.logo { float:left; padding:10px 0px 0px 5px; }
.logo img {width: 80%;}
.logo-slogan {width:68%; font-size:14px; font-size:0.875rem; padding:15px 0px 0px 0px; margin-left:0px; line-height:120%;}
#wrapper {background:none;}
#content .left {width:55%; margin-top:40px;height:432px; padding-left:10px;}
#content .left-miete {width:100%; padding:15px 0px 0px 10px;margin-top:40px;height:432px;}
#content-wobg {height:auto;}
#content-wobg .left-one-third, .left-one-third-lageplan{ float:none; width:100%; height:auto; padding:55px 0px 10px 10px;position:relative;}
#content-wobg .right{ float:none; height:100%; position:relative;}
#content-wobg .right img{width:90%; margin-left:10px;}
#content-wobg .left-two-third { float:none;	width:100%; height:auto; padding:55px 0px 10px 10px;position:relative;}
#content-wobg .left-two-third ul {text-align:left; margin-top:0px;}
#content-wobg .right-one-third {float:none; height:100%; position:relative;}
#content-wobg .right-one-third img{max-width:100%; margin-left:10px;}
#content-wobg .middle { width:95%;margin: 0 2.5%;}

#footer {padding:0px 0px 20px 0px;}
#footer li { display:block;text-align:left;padding:0px 0px 0px 10px;line-height:140%;}
.bewertung {position:absolute;top:-71px;right:0; }

.stiftung-mobile {width:100% !important;}
.stiftung-one-half {float:left;margin-right:140px;margin-top:15px;}
.stiftung-one-half p {line-height:120% !important;}
.stiftung-one-half-last {margin-top:15px;}
.line {display:none;}
table.grundriss { margin-left:3px;margin-top:0px;}
.construction { position:relative; top:-30%; padding:7px 5px 0px 5px;letter-spacing:0.2px; font-size:12px;font-size:0.75rem;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
#wrapper-galerie {background:none;height:auto;}
.logo-slogan {width:85%; font-size:13px; font-size:0.825rem; margin-left:0px;line-height:120%;letter-spacing:1.5px;}
#content-slider {max-height:554px;height:auto;position:relative;top:-60px;}
#content .left {width:45%; margin-top:0px;height:577px;}
#content-wobg .right{ width:70%;}
#content-wobg .right img {width:100%;}
#content .left-miete {width:80%;}
table.grundriss {margin-left:100px;}
.construction { position:relative; top:-45%; padding:7px 5px 0px 5px; letter-spacing:1.5px; font-size:12px;font-size:0.75rem;}
#footer {margin-bottom:10px; text-align:left;padding-left:10px;}
#footer li {text-align:left;padding-right:5px;padding-top:0;}
.bewertung {position:absolute;top:-161px;right:0; }
#content-wobg .left-one-third {padding-left:100px;}
}


/* Desktops and laptops ----------- */
@media only screen and (min-width : 1025px) and (max-width : 1169px) {
#wrapper-galerie {background:none;}
#footer { margin-top:0px;padding-top:0px;}
.bewertung {position:absolute;top:-171px;right:0;}

}