@font-face {
    font-family: 'nanamiregular';
    src: url('../fonts/nanami-regular/nanami-regular-webfont.eot');
    src: url('../fonts/nanami-regular/nanami-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nanami-regular/nanami-regular-webfont.woff2') format('woff2'),
         url('../fonts/nanami-regular/nanami-regular-webfont.woff') format('woff'),
         url('../fonts/nanami-regular/nanami-regular-webfont.ttf') format('truetype'),
         url('../fonts/nanami-regular/nanami-regular-webfont.svg#nanamiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{font-family: 'nanamilight';
    src: url('../fonts/nanami-light/nanamipro-light-webfont.eot');
    src: url('../fonts/nanami-light/nanamipro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nanami-light/nanamipro-light-webfont.woff2') format('woff2'),
         url('../fonts/nanami-light/nanamipro-light-webfont.woff') format('woff'),
         url('../fonts/nanami-light/nanamipro-light-webfont.ttf') format('truetype'),
         url('../fonts/nanami-light/nanamipro-light-webfont.svg#nanami_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nanamiextralight';
    src: url('../fonts/nanami-extralight/nanami-extralight-webfont.eot');
    src: url('../fonts/nanami-extralight/nanami-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nanami-extralight/nanami-extralight-webfont.woff2') format('woff2'),
         url('../fonts/nanami-extralight/nanami-extralight-webfont.woff') format('woff'),
         url('../fonts/nanami-extralight/nanami-extralight-webfont.ttf') format('truetype'),
         url('../fonts/nanami-extralight/nanami-extralight-webfont.svg#nanamiextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
	outline: none;
	-webkit-font-smoothing: antialiased;
}
a{
	color: #000;
	text-decoration: none;
}
body{
	font-family: 'Lustria', Verdana, serif;
	font-size: 15px;
	line-height: 22px;
}
header img {
	max-width: 300px;
}
.center{
	text-align: center;
}
.thx{
	display: none;
}
section {
	position: relative;
}
.column, .columns {
	position: relative;
}
.header--image {
	width: 100%;
}
.header--map {
	width: 100%;
	height: 600px;
}
.header--spinning-image {
	opacity: 1;
	position: absolute;
    top: 50%;
    left: 50%;
    width: 110px;
    height: auto;
    margin: -55px 0 0 -55px;
    -webkit-animation:spin 4s linear 1;
    -moz-animation:spin 4s linear 1;
    animation:spin 4s linear 1;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

body.login-site {
	background-image: url(../img/login-bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	position: relative;
}
.login-layer {
	width: 410px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #ffffff;
	padding: 40px;
}
input#username, input#password {
    border: none;
    border-bottom: 1px solid #000;
    font-family: 'nanamiregular';
    letter-spacing: 1px;
    padding: 5px;
    padding-left: 0px;
    display: block;
    width: 100%;
    margin-bottom: 35px;
	text-transform: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
input#login {
	border: 3px solid #000;
    padding: 5px;
    cursor: pointer;
    display: block;
    width: 120px;
    margin: 0px auto;
    text-align: center;
    font-family: 'nanamiregular';
    text-transform: uppercase;
    letter-spacing: 1px;
	background: #ffffff;
	float: right;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

p {
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
}
h1{
	font-weight: normal;
	font-family: 'nanamiextralight', Verdana;
	text-transform: uppercase;
	font-size: 100px;
	letter-spacing: 2px;
	line-height: 95px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 35px;
}
h1 b {
	font-family: 'nanamilight';
}
h1.looking-up {
	font-size: 85px;
	letter-spacing: 2px;
	line-height: 80px;
}
h2 {
	font-weight: normal;
	font-family: 'nanamilight', Verdana;
	text-transform: uppercase;
	font-size: 16px;
}
main{
	margin-top: 97px;
	/*padding-bottom: 100px;*/
}
section {
	margin-bottom: 140px;
}
.home--header {
	position: relative;
}
.row--max {
	max-width: 1920px;
}
nav .row--max .column, nav .row--max .columns {
	padding: 0;
	margin: 0;
}
nav {
	border-bottom: 1px solid #000000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
    background-color: #ffffff;
}
body.home {
	padding: 0;
}
body.home nav {
	position: relative;
	top: auto;
}
nav ul {
	margin: 0;
	padding: 0;
}
/*
body.home nav.scroll-to-fixed-fixed ul {
	margin-left: 50px;
}*/
nav ul li {
	display: inline-block;
	margin: 0 26px;
}
nav ul li a {
	display: block;
	line-height: 87px; /*70px;*/
	text-transform: uppercase;
	font-family: "nanamilight";
	font-size: 12px;
	letter-spacing: 1.5px;
}
nav ul li a.active {
	font-family: 'nanamiregular';
}
.nav--logo {
	max-height: 87px; /* 70px; */
	width: auto;
	margin-right: 10px;
}

.nav-mobile {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
    background-color: #ffffff;
}
.burger-icon {
	float: left;
	width: 70px;
}
.nav--logo-mobile {
	float: right;
	max-height: 70px;
	width: auto;
	margin-right: 20px;
}
#nav-icon1 {
  width: 24px;
  height: 18px;
  position: relative;
  margin: 15px auto;
  padding: 20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  cursor: pointer;
}
#nav-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 24px;
  background: #000000;
  opacity: 1;
  left: 8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 10px;
}
#nav-icon1 span:nth-child(2), #nav-icon1 span:nth-child(3) {
  top: 18px;
}
#nav-icon1 span:nth-child(4) {
  top: 26px;
}
#nav-icon1.open span:nth-child(1) {
  top: 26px;
  width: 0%;
  left: 50%;
}
#nav-icon1.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon1.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon1.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.mobile-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 100px;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	z-index: 98;
	display: none;
}
.mobile-menu a {
	background: transparent;
	color: #000000;
	text-decoration: none;
	border: none;
	font-family: 'nanamiregular';
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
.mobile-menu a.active {
	border-bottom: 1px solid #000000;
}
.mobile-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mobile-menu li {
	display: block;
	text-align: center;
	padding: 15px 0;
}

.text-left, .alignleft {
	text-align: left;
}
.text-right, .alignright {
    text-align: right;
}

.header--stoerer-container {
	position: absolute;
	right: 30px;
	top: 80px;
}

.special-home-1 {
	position: absolute;
	right: 0;
	top: 50px;
}
.special-home-2 {
	margin-top: 70px;
}
.special-home-box {
	border: 5px solid #000000;
	opacity: 0;
	width: 500px;
	height: 500px;
	position: absolute;
	bottom: -140px;
	left: 10px;
	z-index: 95;
	padding: 20px;
}
.special-home-box-text {
	font-family: 'nanamiregular';
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
.home-link {
	text-transform: uppercase;
	font-family: 'nanamiregular';
	font-size: 16px;
	letter-spacing: 1.5px;
}
.boxen .columns {
	padding-left: 10px; padding-right: 10px;
	margin-bottom: 30px;
}
.box {
	border: 3px solid #000000;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.box--inner {
	height: 100%;
}
.box--inner img {
	margin-top: 15px;
	margin-bottom: 10px;
	max-width: 80px;
	max-height: 80px;
}
.box--inner-text {
	text-transform: uppercase;
	font-family: 'nanamiregular';
	font-size: 16px;
	letter-spacing: 1.5px;
}
.box--inner-plus {
	text-align: left; /*center;*/
	position: absolute;
	left: 5px; /*0;*/
	right: 0;
	/*bottom:*/ top: 5px;
	font-size: 26px;
}
.box--inner-hidden {
	display: none;
	position: absolute;
	top: 10px;
	bottom: -10px;
	left: 10px;
	right: -10px;
	background-color: #e3e0da;
}
.box--inner-hidden-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	font-size: 14px;
}

.kontakt--headline, .partner--headline, .wohnungen--headline, .architektur--headline, .lage--headline {
	margin-top: -233px;
	margin-bottom: 55px;
}
.impressum--headline {
	margin-top: -60px;
	margin-bottom: 55px;
}
.partner--box {
	margin-bottom: 45px;
}
.partner--box h2 {
	letter-spacing: 1.5px;
}
.partner--name {
	text-transform: uppercase;
	font-family: "nanamiregular";
	font-size: 16px;
	letter-spacing: 1.5px;
}
.sendelem {
	display: inline-block;
}

.slider-outer {
	position: relative;
}
.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.slick-prev {
	left: 10px;
}
.slick-next {
	right: 10px;
}
.slick-prev img, .slick-next img {
	width: 20px;
	height: auto;
}
.slick-dots {
	margin: 0;
	padding: 0;
	text-align: center;
	position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
}
.slick-dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
}
.slick-dots li:last-child {
	margin-right: 0;
}
.slick-dots li button {
	background-image: url(../img/slick-dot.svg);
	color: transparent;
	background-size: 10px;
    background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.slick-dots li.slick-active button {
	background-image: url(../img/slick-dot-active.svg);
}
.slider-bottom-outer {
	position: relative;
}
.slick-prev-bottom, .slick-next-bottom {
	position: absolute;
	bottom: 40px;
}
.slick-prev-bottom {
	left: 50%;
	transform: translateX(-100px);
}
.slick-next-bottom {
	left: 50%;
	transform: translateX(90px);
}
.slick-prev-bottom img, .slick-next-bottom img {
	width: 10px;
	height: auto;
}
.slider-bottom .slick-slide {
	position: relative;
	margin-bottom: 150px;
}
.slider-bottom-container-box {
	position: absolute;
	left: 40px;
	bottom: -130px;
	/*border: 5px solid #000000;*/
	padding: 25px;
    padding-bottom: 0;
	font-family: 'nanamiregular';
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.slider-bottom-container-box-whnflaeche {
	font-family: 'Lustria', Verdana, serif;
	text-transform: none;
	letter-spacing: normal;
}

.wohnungen-filter {
	margin-top: 80px;
}
.table-filter-title {
	position: relative;
	border-bottom: 1px solid #000000;
	padding: 5px 0 5px 33px;
	margin-bottom: 15px;
	font-family: 'nanamiregular';
    text-transform: uppercase;
    letter-spacing: 1.5px;
	cursor: pointer;
}
.table-filter-title-icon {
	position: absolute;
	left: 0;
	top: 0;
	content: " ";
	background-image: url(../img/dropdown.svg);
	background-position: 0px 12px;
	background-repeat: no-repeat;
	background-size: 10px;
	width: 10px;
	height: 22px; /*100%;*/
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	transition: all 0.15s ease;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.table-filter-selection {
	font-family: 'Lustria', Verdana, serif;
    font-size: 14px;
    line-height: 22px;
	text-transform: none;	
	/*font-family: 'nanamilight';
	text-transform: none;
	letter-spacing: 1px;
    font-size: 11px;*/
}
.table-filter-list {
	background-color: #ffffff;
	cursor: pointer;
	display: none;
	position: absolute;
	left: 35px;
    right: 0;
    z-index: 96;
	padding-bottom: 8px;
}
.list-value {
	padding: 5px 0 5px 33px;
}
.wohnungen-tabelle {
	background-color: #f2f2ef;
	padding: 60px;
	position: relative;
}
table {
	width: 100%;
	background-color: #f2f2ef;
}
td.wohnungen-table-header {
	font-family: 'nanamiregular';
    text-transform: uppercase;
    letter-spacing: 1.5px;
	padding: 10px;
	border-bottom: 2px solid #000000;
	border-right: 1px solid #000000;
	text-align: center;
}
table td.wohnungen-table-header:last-child {
	border-right: none;
}
td.wohnungen-table-content {
	padding: 10px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	text-align: center;
}
table td.wohnungen-table-content:last-child {
	border-right: none;
}
tr.border-top-row {
	border-top: 2px solid #000000;
}
.wohnungen-tabelle-anfrage-box {
	position: absolute;
	right: -100px;
	bottom: -100px;
	border: 5px solid #000000;
	width: 150px;
	height: 150px;
}
.wohnungen-tabelle-anfrage-box-text {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	text-align: center;
	font-family: 'nanamiregular';
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.anfrage-brief {
	width: 20px;
	height: auto;
	display: inline-block;
	vertical-align: text-bottom;
}

.special-wohnungen-box {
	border: 5px solid #000000;
	opacity: 0;
	width: 300px;
	height: 300px;
	position: absolute;
	top: 210px;
	right: 310px;
	z-index: 95;
	padding: 20px;
}
.special-wohnungen-box-text {
    font-family: 'nanamiregular';
    font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
.special-wohnungen-1 {
	position: absolute;
	right: 500px;
	top: 370px;
}
.special-wohnungen-2 {
	position: absolute;
	right: 0;
	top: 310px;
}

.architektur-section-top {
	margin-bottom: 10px;
}
.special-architektur-box {
	border: 5px solid #000000;
	opacity: 0;
	width: 500px;
	height: 500px;
	position: absolute;
	bottom: -40px;
	left: 170px;
	z-index: 95;
	padding: 20px;
}
.special-architektur-box-text {
    font-family: 'nanamiregular';
    font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
.special-architektur-1 {
	position: absolute;
	right: 0;
	bottom: 50px;
}
.special-architektur-2 {
	margin-left: -35px;
	margin-top: 100px;
}
.special-architektur-3 {
	float: right;
	margin-right: 20px;
	margin-top: 60px;
}
.special-architektur-4 {
	margin-top: 80px;
}
.special-architektur-text-bottom {
	margin-top: 100px;
	margin-bottom: 70px;
	max-width: 350px;
}

.section-lage {
	padding-top: 50px;
}
.special-lage-1 {
	top: 90px;
    position: absolute;
    right: 0;
}
.special-lage-text-2 {
	margin-top: 190px;
}
.special-lage-box {
	border: 5px solid #000000;
    opacity: 0;
    width: 380px;
    height: 380px;
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-30%);
    z-index: 95;
    padding: 20px;
}
.special-lage-box-text {
	font-family: 'nanamiregular';
    font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

span.bold{
	font-family: 'nanamiregular';
	text-transform: uppercase;	
	letter-spacing: 1.5px;
}
footer{
	font-family: 'Lustria', Verdana, serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #e3e0da;
	padding-top: 60px;
	padding-bottom: 50px;
}
footer a{
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'nanamiregular';
	border-bottom: 1px solid transparent;
	transition: all 0.3s;
}
footer a:hover{
	border-color: #000;
}
footer p.impressum {
	border: 3px solid #000;
    padding: 10px 20px;
	display: inline-block;
	font-family: "nanamiregular";
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 40px;
}
footer p.impressum a, footer p.impressum a:hover {
	text-decoration: none;
	border: none;
	letter-spacing: 1.5px;
}

input[type=checkbox], input[type=radio] {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label {
	height:22px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	padding-left: 30px;

}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -22px;
}
label.css-label {
background-image:url(../img/checkbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.row--spacing{
	padding-top: 50px;
}
div.row--spacing-send{
	padding-top: 50px;
}

.wohnung-ansicht {
	border-bottom: 1px solid #000000;
}
.mfp-bg {
	background: #444;
}
.white-popup {
  position: relative;
  background: transparent;
  padding: 0;
  width: auto;
  max-width: 982px;
  margin: 20px auto;
}
.wohnungen-popup .mfp-close {
	right: -45px;
    top: -45px;
    color: #ffffff;
	font-family: Verdana;
	font-size: 50px;
}
.wohnungen-layer {
	background-color: #e3e0da;
}
.wohnungen-layer--image {
	padding-left: 0px;
	background-color: #ffffff;
    padding-top: 20px;
}
.wohnungen-layer--text {
	padding-top: 45px;
}
.wohnungen-layer--text-headline {
	font-family: 'nanamiregular';
    text-transform: uppercase;
    letter-spacing: 1.5px;
	font-size: 20px;
}
.wohnungen-layer--text-description {
	font-family: 'nanamilight';
	text-transform: uppercase;
	letter-spacing: 1.5px;
    font-size: 20px;
}
.wohnungen-layer--text-link-download {
	padding-right: 10px;
}
.wohnungen-layer--text-link-anfrage {
	padding-left: 10px;
}
.wohnungen-layer--text-link {
	border: 3px solid #000;
    padding: 10px 10px;
    display: inline-block;
    font-family: "nanamiregular";
    font-size: 14px;
    text-transform: uppercase;
	margin-top: 60px;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	letter-spacing: 1.5px;
}
.wohnungen-layer--text-additional {
	letter-spacing: 1px;
}
.wohnungen-tabelle-hinweis {
	font-size: 13px;
	margin-top: 10px;
}

input[type="text"]{
	border: none;
	border-bottom: 1px solid #000;
	font-family: 'nanamiregular';
	letter-spacing: 1px;
	padding: 5px;
	padding-left: 0px;
	display: block;
	width: 100%;
	margin-bottom: 35px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
input.error[type="text"]{
	border-color: red;
}
textarea{
	border: none;
	border-bottom: 1px solid #000;
	font-family: 'nanamiregular';
	letter-spacing: 1px;
	padding: 5px;
	padding-left: 0px;
	display: block;
	width: 100%;
	resize: none;	
	height: 100px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
div.row--inner{
	padding-left: 25px;
	padding-right: 25px;
}
div.row--inner div.columns{
	padding-left: 10px;
	padding-right: 10px;
}
span.send, span.sendeinladung {
	border: 3px solid #000;
	padding: 5px;
	cursor: pointer;
	display: block;
	width: 120px;
	margin: 0px auto;
	text-align: center;
	font-family: 'nanamiregular';
	text-transform: uppercase;
	letter-spacing: 1px;
}

p.no-spacing {
	margin-bottom: 0;
}

@media (min-width: 1200px) {
	body { padding-right: 50px; padding-left: 50px; }
	nav { left: 50px; right: 50px; }
	nav ul li:first-child { margin-left: 0; }
	.nav--logo { margin-right: -20px; }
	footer { margin-left: -50px; margin-right: -50px; }
	/*body.home nav.scroll-to-fixed-fixed .nav--logo { margin-right: 30px; }*/
	.boxen { margin-top: 150px; }
	body.home nav {
		/* left: auto; */
		/* right: auto; */
		left: 0;
		right: 0;
		margin-left: 50px;
		margin-right: 50px;
	}
	body.home nav.scroll-to-fixed-fixed {
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		padding-left: 50px;
		padding-right: 50px;
		border-bottom: none;
	}
	body.home nav.scroll-to-fixed-fixed .row--max { border-bottom: 1px solid #000000; }
}
@media (max-width: 1480px){
	.special-home-1 { max-width: 500px; }
	.special-wohnungen-1 { max-width: 200px; right: 400px; }
	.special-wohnungen-2 { max-width: 300px; }
	.special-wohnungen-box { width: 280px; height: 280px; right: 210px; }
	.special-architektur-box { width: 400px; height: 400px; bottom: 100px; }
}
@media (max-width: 1024px){
	.column--checkbox{ padding-bottom: 15px; }
	.header--map { height: 485px; }
	div.row--spacing{ padding-top: 30px; }
	h1{ font-size: 80px; line-height: 80px; }
	.kontakt--headline, .partner--headline, .wohnungen--headline, .architektur--headline, .lage--headline {
		margin-top: -220px;
	}
	.special-lage-box { transform: translateX(-50%); }
}

@media (max-width: 768px) {
	.medium-text-center, .mediumaligncenter { text-align: center; }
	main { margin-top: 77px; }
	.nav--logo { margin-right: 0;}
	.home--header { margin-top: 70px; }
	.header--map { height: 364px; }
	.special-home-1 { max-width: 400px; top: 170px; }
	.special-home-box { width: 390px; height: 390px; }
	.special-wohnungen-box { right: 90px; }
	.special-wohnungen-1 { right: 240px; }
	.special-wohnungen-2 { max-width: 220px; }
	.section-wohnungen { margin-bottom: 30px; }
	.slider-bottom .slick-track { padding-bottom: 210px; }
	.slider-bottom-container-box { bottom: -210px; }
	.slider-bottom .slick-dots { bottom: 70px; }
	.slider-bottom-outer .slick-prev-bottom, .slider-bottom-outer .slick-next-bottom { bottom: 70px; }
	.wohnungen-filter { margin-top: 0; }
	.wohnungen-tabelle-anfrage-box { right: 30px; bottom: -120px; }
	.wohnungen-tabelle { padding: 20px; }
	.special-architektur-1 { bottom: 230px; max-width: 400px; }
	.special-architektur-box { width: 300px; height: 300px; left: 100px; }
	.architektur-section-top { margin-bottom: 0; }
	.special-lage-1 { max-width: 350px; }
	.special-lage-box { width: 280px; height: 280px; left: 50px; transform: translateX(0); }
	.special-lage-text-2 { margin-top: 0; }
	.wohnungen-popup .mfp-close { right: -10px; }
	.wohnungen-layer--text .row { margin-top: 40px; }
	.wohnungen-layer--text-link-download { padding-right: 35px; }
	.wohnungen-layer--text-link-anfrage { padding-left: 35px; }
	.wohnungen-layer--text-link { margin-top: 0; }
}

@media (max-width: 667px){
	header img{ max-width: 150px; }
	.header--map { height: 208px; }
	section { margin-bottom: 70px; }
	footer{ padding-top: 50px; padding-bottom: 50px; }
	footer span{ display: block; }
	h1{ font-size: 30px; line-height: 35px; }
	span.bold br { display: none; }
	.column--checkbox{ padding-bottom: 10px; }
	.box--inner img { max-width: 200px; max-height: 200px; width: 100%; }
	.home--header { margin-top: 70px; }
	.header--spinning-image { width: 50px; top: 50%; margin-left: -25px; margin-top: -25px; }
	main { margin-top: 70px; }
	body.home main { margin-top: 20px; }
	.special-home-1-mobile { max-width: 240px; float: right; margin-right: -35px; margin-bottom: 20px; }
	.special-home-2-mobile { max-width: 150px; float: left; }
	.special-home-box { width: 60%; left: 20%; height: 60vw; text-align: left; padding: 10px; bottom: auto; top: 50%; transform: translateY(-50%); }
	.boxen .columns { padding-left: 35px; padding-right: 35px; }
	.box--inner img { max-width: 150px; }
	.section-wohnungen { margin-bottom: 140px; }
	.special-wohnungen-1-mobile { max-width: 120px; float: left; }
	.special-wohnungen-2-mobile { max-width: 150px; float: right; margin-right: -35px; }
	.special-wohnungen-box { width: 50%; left: 25%; height: 50vw; text-align: center; padding: 10px; bottom: auto; top: -60%; }
	.slider-bottom .slick-track { padding-bottom: 50px; }
	.slider-bottom .slick-dots { display: none !important; }
	.slider-bottom-container-box { left: 20px; right: 20px; bottom: -100%; padding: 15px; }
	.slick-prev-bottom { left: 10px; top: 100px; bottom: auto; transform: translate(0, 0); }
	.slick-next-bottom { right: 10px; left: auto; top: 100px; bottom: auto; transform: translate(0, 0); }
	.wohnungen-tabelle { padding: 0; margin-bottom: 100px; }
	.wohnungen-filter { margin-top: 10px;}
	.section-slider { margin-bottom: 20px; }
	.wohnungen--headline { margin: 0; }
	.wohnungen-tabelle-anfrage-box { right: 0; bottom: -120px; height: 100px; }
	.section-header-image { margin-bottom: 20px; }
	.architektur--headline { margin: 0; }
	.architektur-section-top { padding-bottom: 0; }
	.special-architektur-2 { margin-left: 0; }
	.special-architektur-3 { float: none; margin: 0; }
	.header--map { height: 200px; }
	.lage--headline { margin: 0; }
	.partner--headline { margin: 0; }
	.kontakt--headline { margin: 0; }
	.special-lage-box { width: 60%; height: 60vw; top: -60px; }
	.special-lage-1 { position: relative; width: 50%; left: auto; top: auto; margin-top: 10%; }
	.special-lage-2 { width: 45%; margin-top: 30%; float: right; }
	.special-lage-text-2 { margin-top: 45px; }
	.special-lage-3 { margin-bottom: 25px; }
	.section-lage { margin-bottom: 0; }
	.login-layer { width: 100%; padding: 20px; }
	body.login-site { overflow: hidden; background-attachment: fixed;  }
	.slider-bottom-container-box { text-align: center; }
	h1.looking-up { font-size: 30px; line-height: 35px; }
	.slick-dots { bottom: -25px; }
	.wohnungen-tabelle-hinweis { margin-top: 40px; }
}

@media screen and (min-width: 64em) {
	.hide-for-large { display: none !important; }
}
@media screen and (max-width: 63.9375em) {
	.show-for-large { display: none !important; }
}
@media screen and (max-width: 39.9375em) {
	.hide-for-small-only { display: none !important; }
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
	.show-for-small-only { display: none !important; }
}
@media screen and (min-width: 40em) {
	.hide-for-medium { display: none !important; }
}

@media (max-height: 480px) {
	.login-layer h1 { padding-bottom: 15px; }
	.login-layer p { margin-bottom: 15px; }
	input#username, input#password { margin-bottom: 15px; }
}

/* Mobile Table */
@media only screen and (max-width: 1023px) {
	table.responsive { margin-bottom: 0; }
	
	.header--stoerer-container { width: 150px; }
	
	.pinned { position: absolute; left: 0; top: 0; background: transparent; width: 15%; overflow: hidden; overflow-x: scroll; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; /*border-right: 1px solid #ccc;*/ }
	div.table-wrapper div.scrollable table { margin-left: 15%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; /*overflow: hidden;*/ font-size: 16px; line-height: 22px; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}
@media only screen and (max-width: 667px) {
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	.header--stoerer-container { width: 100px; }
	.pinned { position: absolute; left: 0; top: 0; background: transparent; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 2px solid #000000; }
	div.baubild{
		background-position: left top !important;
		background-size: contain;
		height: 290px !important;
	}
	div.baubild-status{
		position: relative !important;
		left: auto !important;
		bottom: auto !important;
		width: 100% !important;	
	}
	.baubildsek{
		padding-bottom: 0px !important;
	}
}


/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


div.baubild{
	width: 100%;
	height: 400px;
	background-image: url(https://baucamera.nextframe-media.de/37/current.jpg);
	background-position: -153px -200px;
	background-repeat: no-repeat;
}

div.baubild-status{
    border: 3px solid #000000;
    text-align: center;
    position: relative;
    position: absolute;
    left: -100px;
    bottom: -180px;
    width: 220px;
	text-align: left;
	padding: 20px;
    text-transform: uppercase;
    font-family: 'nanamiregular';
    font-size: 16px;
    letter-spacing: 1.5px;
    padding-top: 150px;
}
    	
.baubildsek{
	padding-bottom: 200px;
}