@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

video {max-width:100%; margin-top: 5vh;}

.detail-box {background:#bbaa88; color:#fff;padding: 10px; margin-top:30px;    text-align: left;}
.detail-box ul {list-style:disc;    padding: 15px 30px;}
p.detail-box-title {
    padding-left: 10px;
    font-size: 20px;
    padding: 10px 0 0 10px;
    line-height: 1;
    margin: 0;
}
.grundrisse-box{width: 90%;margin: 5vh auto; height: auto;background: #fff;padding: 20px;}
.grundrisse-titel {font-family: 'Playfair Display', serif;font-size: 30px;text-align: left;margin: 0;padding: 0 0 20px 0;}
.grundrisse-kategorie {width:14.28%;float:left; font-weight:bold; color:#bbaa88;}
.details-wohnungen {    clear: both;padding: 5px 0 5px;border-bottom: 1px solid #bbaa88;height: auto;display: flex;}
.detail-wohnung {width:14.28%;float:left;}
section img {max-width:100%;width:100%;}
#stuck img {max-width:100%;}
#stuck {max-width: 50%;margin: 40px auto 0;}
#intro em {margin: 5px auto;display: block;text-align: center;}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.8);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
	top: 110px;
	right: 20px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

i.fas.fa-caret-down { color:#bbaa88; font-size: 18px;}

.button.style2.down {background-image: url(../img/arrow.png);position: absolute;left: 50%;overflow: hidden;background-position: center center;background-repeat: no-repeat;text-indent: -10em;width: 100px;transform: translateX(-50%);background-color: transparent;margin-top: 40px;}

.button.style2.down:hover, .button.style2.down:focus {background-color: transparent;}
#map{ height: 500px; }
#map_bottom_bar label {color:#fff;    text-transform: capitalize;}
#map_bottom_bar label:hover {color:#555;}
#map_filters li {float: left;width: 25%;background: #d0c0a0;color: #fff;text-align: center;padding: 10px 0 0;font-size: 16px;}
#category_marker_links {clear:both;padding: 30px 0;} 
.leaflet-marker-pane img:last-child {z-index:500 !important;} 

/* Grid */
body {font-family: 'Lato', sans-serif;font-size: 14px;font-weight:400;text-align: justify;background-color: #fff; color:#999;}
:focus, :active{outline: none;border: 0;}
::selection {background: #bbaa88; color:#fff;/* WebKit/Blink Browsers */}
::-moz-selection {background: #bbaa88; color:#fff;/* Gecko Browsers */}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
select {-moz-appearance: none;-webkit-appearance: none;padding: 5px;border: 0px;}
select::-ms-expand {display: none;}
button:focus {outline:0 !important;}

/* Fonts */
p {line-height: 1.5;margin: 15px 0;text-align:left;}
p a {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-family: 'Lato', sans-serif;color:#555;font-weight:300;line-height: 1.2;}
.h1, h1 {font-family: 'Playfair Display', serif;font-size: 36px;text-align: center;margin: 0;padding: 0 0 20px 0;}
.h2, h2 {font-family: 'Playfair Display', serif;font-size: 36px;text-align: left;margin: 0;padding: 0 0 20px 0;}
.h3, h3 {font-size: 13px;text-align: left;margin: 0;padding: 20px 0 0px;font-weight: 700;text-transform: uppercase;line-height: 1.5;}
.h4, h4 {font-family: 'Playfair Display', serif;font-size: 36px;text-align: center;margin: 0;line-height: 1;padding: 0px 0 40px;color:#555;}
.h5, h5 {font-family: 'Playfair Display', serif;font-size: 36px;text-align: center;line-height: 1.5;margin: 0;color:#fff; }
.h6, h6 {font-family: 'Playfair Display', serif;font-size: 36px;text-align: center;line-height: 1.5;margin: 0; color:#fff; }
h4 span {color:#bbaa88;}
h1 span {color:#bbaa88;}
h2 span {color:#bbaa88;}
.winterhude {font-family: 'Playfair Display';font-style:italic;font-size:13px;text-align:center; line-height: 1;margin: 5px auto 0; display: block;color:#555;text-transform: none;}
.urbanlife {font-family: 'Roboto', sans-serif;font-size:34px;text-align:center; line-height: 1;margin: 0 auto; display: block;color:#555;font-weight: 300;}
.urbanlife span {font-weight:400;}

a,a:hover,a:focus {color:#999;text-decoration: none;}
.web-ref {text-decoration: underline;;}
#cafe a,#cafe a:hover,#cafe a:focus {color:#bbaa88;text-decoration: none;font-weight:bold;}

.clear {clear:both;}

hr.short {width: 100px;border-top: 1px solid #ba8;}
hr {border-top: 1px solid #ba8;}
/* Alignements */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.tobii-zoom__icon {display:none;}

/* carousel */
.carousel {margin-top: 0px;}
.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {width: 100%;object-fit: cover;}
#carousel-sliders .carousel-inner > .carousel-item > a > img, #carousel-sliders .carousel-inner > .carousel-item > img, #carousel-sliders .img-responsive, #carousel-sliders .thumbnail a > img, #carousel-sliders .thumbnail > img {width: 100%;object-fit: cover;height: 70vh;}
.carousel-control-next, .carousel-control-prev {width:5%; font-size:48px;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;margin:0 auto;}
.thumbnails { margin: 0px; padding: 0px;border: 0px solid #ddd;}
.thumbnail { margin: 0px; padding: 0px;border: 0px solid #ddd;border-radius: 0px;}

.carousel-indicators li {box-sizing: content-box;-ms-flex: 0 1 auto;flex: 0 1 auto;width: 10px;height: 10px;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #bbaa88;background-clip: padding-box;border-radius: 50%;border: 1px solid #fff;opacity: .5;transition: opacity .6s ease;}

.col-600 {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 55%; flex: 0 0 55%; max-width: 55%;}
.col-400 {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;-ms-flex: 45%; flex: 0 0 45%; max-width: 45%;}

.header-details {background: #333;color: #fff;text-align: center;padding: 10px 0 20px;font-size: 30px;font-weight: 300;font-family: 'Playfair Display', serif;white-space: nowrap;}
.detail {font-size:16px;text-transform: uppercase;}
.header-details span {font-size:14px;}

.col-md-12 {padding:0;}

/* Navigation */
.navbar {padding: 0 10px;background:#fff;border-bottom:1px solid #bbaa88;}
.fixed-to-top {position: fixed;top: 0;width: 100%;z-index: 5000;height: 70px;}
.navbar-brand img {max-height: auto;}
.blacklogo {display:block;}
.whitelogo {display:none;}
button.navbar-toggler {min-height: 40px;margin:0;}
.navbar-toggler span {font-size: 48px; line-height: 1;color:#999; font-weight: 200;}
.navbar-toggler-icon {display: inline-block;width: 40px;height: 40px;vertical-align: middle;content: "";background: url(../img/background-40x40.png);background-size: 100% 100%;font-size: 16px;color: #fff;position: relative;}
.switch-toggler-icon {display: inline-block;width: 40px;height: 40px;vertical-align: middle;content: "";background: url(../img/background-40x40.png);background-size: 100% 100%;font-size: 16px;color: #fff;position: relative;}
.navbar-toggler-icon i {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); font-size: 18px;color:#fff;}
.switch-toggler-icon i {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); font-size: 18px;color:#fff;}
.fa-moon {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); font-size: 18px;color:#fff;}
.sprache {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); font-size: 18px;color:#fff;font-weight: 700;}
.navbar-toggler {padding: 0px;background-color: #555;border: 0;border-radius: 5px;line-height: inherit;color: #bbaa88;position: absolute;right: 10px;top: 15px;}
.nav-item.current {font-weight: bold;}
.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {color:#bbaa88;text-transform: uppercase;padding: 0px;margin: -3px 0 3px 0;line-height: inherit;display: block;white-space: nowrap;}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #bbaa88;}
.dropdown-menu {padding: 0;font-size:unset; margin: 13px 0 0 0;color: #555;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid #bbaa88;border-radius: 0; border-top: 0px;}
.dropdown-item {padding:0.5rem 1rem;}
.navbar-expand-xl .navbar-nav .nav-link {padding-right: 1.5rem;padding-left: 1.5rem;font-size: 15px;text-transform:uppercase;}
a:hover.nav-link  {color:#555;}

/* Language */
.language-selector {position: relative;display: inline-block;z-index: 1001;}
.language-selector img {max-height: 30px;vertical-align: unset;}
.language-selector>.btn:first-child {margin-left: 0;}
.language-selector .btn {padding: 0px;font-size: 24px;color:#bbaa88;}
.language-selector button {margin: 0 auto;}
.language-selector .btn:hover, .language-selector .btn:focus,.language-selector .btn:visited {background-color: transparent;border-color: transparent;box-shadow:none;}
.language-selector .dropdown-menu {position: absolute;top: -145px;z-index: 1001;display: none;float: left;padding: 0;margin: 0;font-size: 24px;text-align: center;list-style: none;background-color: #bbaa88;background-clip: padding-box;border-radius: 0px;box-shadow: none;min-width:auto;width:calc(20vw + 0.5%);left: 50%;transform: translateX(-50%);border: 1px solid #fff; border-bottom: 0px;}
.language-selector .dropdown-menu img {width: auto;height: auto;max-width: inherit;}
.language-selector .dropdown-menu li {line-height: 1rem;color: #c0c0c0;display: list-item;text-align: -webkit-match-parent;}
.language-selector .dropdown-menu li:hover {background-color: transparent;}
.language-selector .dropdown-menu>li>a {display: block;padding: 0px;clear: both;font-weight: 400;line-height: 2;color: #fff;white-space: nowrap;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #bbaa88;text-decoration: none;background-color: transparent;}

/* Call-to-action */
.tel {text-align: center;z-index: 10;width: auto;top: 68px;background-color: #bbaa88;padding: 10px;display: inline-flex;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);position: absolute;left: 50%;border-radius: 0 0 15px 15px;line-height: 1.2; font-weight: bold;}
.tel a, .tel a:hover,.tel a:visited {color: #fff;white-space: nowrap;}
.tel i {transform: rotate(90deg);color:#fff;margin-right: 10px;font-size:18px;}

/* Lists & Blockquotes */
ul {list-style: none; padding: 0;margin-bottom: 0;}
#underpage ul {list-style: square; padding: 0 15px; }
#underpage li {text-align:left;}
blockquote {color: #777777;font-style: italic;}

/* Buttons */
button {background: #fff;color: #bbaa88;display: block;margin: 30px auto 0;padding: 10px;border: 1px #bbaa88 solid;cursor: pointer;font-size: 12px;text-transform: uppercase;}
button:focus { outline: none;}
html input[type=button] {background: #555555;color: #fff;display: block;margin: 0px auto;padding: 10px 15px;border: 0;font-size: 14pt;text-transform: uppercase;font-weight:bold;}
.button {background: #bbaa88;color: #fff;text-align: center;display: inline-block;margin: 0;border: none;max-width: 100%;padding: 5px 10px;float: right;}
.contactscroll {background: #bbaa88;color: #fff;text-align: center;display: table;margin: 30px auto;border: none;max-width: 100%;padding: 10px 15px;width: auto;float:none;}
.button:hover,.button:focus {background: #bbaa88;color: #fff;text-decoration: none;}
.button-right {background: #fff;color: #bbaa88;display: flex;margin: 20px auto 10px;padding: 10px;border: 1px #bbaa88 solid;cursor: pointer;font-size: 12px;text-transform: uppercase;    width: max-content;
    white-space: nowrap;}
.button.produit {margin: 0 auto; display: block;width: max-content;font-size: 18px;}

/* Form */
.form-input-wrapper {padding: 5px 0;}
.form-control {padding: 4px 10px;font-size: inherit;height: auto;border-radius: 0;border: 1px solid #ba8;color: #999;font-weight: 300;}
.form-control:focus {
color: #999;
background-color: transparent;
border-color: #ba8;
outline: 0;
box-shadow: 0 0 0 0rem transparent;
}
.form-label {display: none;}
label {color:#fff;}
label.inline {color: #999;font-size:12px;}
.form-honeybear {visibility: hidden;position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px,1px,1px,1px);}
.form-textarea-wrapper {padding: 5px 0;}
input[type="checkbox"] {;margin-right: 5px;}
#contact .button {text-align: center;display: block;margin: 0px auto 0;border: none;max-width: 100%;padding: 0px 10px;background: #ba8;border-radius: 0;font-size: 14px;font-weight: 400;text-transform: uppercase;}
/* Cookies */
.cc-color-override--29957753.cc-window {background-color: #555555;}

/* Sections */

#intro p {padding-top:15px;text-align:center;font-style:italic;}

#home {margin-top:70px;    position: relative;}

section {padding: 100px 0 0;}

#cafe {background:url(../img/kafayas-cafe.jpg) center top ;background-size:cover;    padding: 200px 0;
    margin-top: 100px;}

.overlay {
    max-width: 600px;
    margin: 0 auto;
}

.overlay p{
   color:#fff; text-align:center;
}

.google {width:100%; height: 500px;    margin-bottom: -6px;border: 0px;}

footer {clear: both;padding: 100px 0;}
footer a, footer a:hover, footer a:visited {color:#999;}
footer img {max-width: 100%;display: block;margin: 0 0 20px;}
footer .col-12 {padding-bottom: 50px;}
.sabine {padding-top:55px;}

.adress {width:100%;}
.adress ul {margin: 0px; padding: 10px 0;}
.address-image {width:auto;}
.adress-title {}
.contactname {}
.streetaddress {display:none;}
.addresslocality {display:none;}
.smallmap img {width: 100%;margin: 0 auto 25px;}
.facebook {margin: 0 auto;}
.links {text-align:right;}
.webdesign p, .webdesign a, .webdesign a:hover, .webdesign a:visited {color:#999;padding:0; margin:0;}
.mapipad {display:none;}

.impressum-link li {float:left;    padding-right: 5px;}
.impressum-bar {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 50px 0 0;
}
.impressum-bar ul {margin: 0 auto;    display: inline-flex;}
img.hh {
    width: 55px;
    float: left;
    margin: 20px 5px 0 0;
}

.thankyoubox p {text-align:center;}
#thankyou {padding: 150px 0; background:#fff;min-height: calc(100vh - 50px); }

.phone {
    display: block;
    position: absolute;
    top: 15px;
    left: 10px;
    background: #555;
    padding: 7px 9px 0px 11px;;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    color: #bbaa88;
	font-size:17px;
}

.phone a, .phone a:hover, .phone a:focus {color:#fff;}

	.extra_content {display: none;}
	.read_more {display: block;}

.extra_content_wrapper{padding-bottom:0px;}
.extra_content_wrapper:after{clear:both; content:"";}
p.read_more{margin-bottom:5px;}
p.read_more:after{clear:both; content:"";}

.show {
    display: block !important;
}

@media screen and (max-width:300px) {
	.featured {display:none;}
}

@media screen and (max-width:575px){
	body {font-size:13px}
	h1 {font-size:30px;} 
	h2 {font-size:26px;padding: 0 0 20px;}
	h3 {font-size:15px;}
	h4 {font-size:23px;}
	h5, h6 {font-size:22px;}
	#home {margin-top:70px;}
	.col-600 {-ms-flex: 100%;flex: 0 0 100%;max-width: 100%;}
	.col-400 {-ms-flex: 100%;flex: 0 0 100%;max-width: 100%;}
	.object {display: flex;align-items: center;justify-content: center;flex-direction: column-reverse;}
	.header-details {font-size:24px; padding: 5px 0 15px;}
	.header-details .col-3 {-ms-flex: 50%; flex: 0 0 50%; max-width: 50%;}
	.detail {font-size: 14px;}
	.navbar-collapse {position: fixed;top: 70px;right: 0;z-index: 1000;width: 100%;height: calc(100vh - 70px);border: none;background-color: #333; text-align: left;padding: 0 10px;overflow: scroll;}
	.navbar-collapse a {color:#fff;font-size:16px;}
	.navbar-expand-xl .navbar-nav .nav-link {padding:0; text-align:center; font-size:16px;line-height:2.8;border-bottom: 1px solid #ba8;}
	footer ul li {margin: 0; display: block;}
	.adress {text-align:left;}
	.col-md-6.links {text-align: center;}
	footer {text-align: left; font-size: 14px;}
	.design {font-size:12px;}
	.links {text-align:center;}
	footer img {max-width: 100%;}
	#icons .col-md-2 {-ms-flex: 0 0 33.5553%;flex: 0 0 33.5553%;max-width: 33.5553%;}
	#icons p {font-size: 13px;}
	.fbpictures {width: 50%;}
	#map {height:300px;}
	#map_filters li {width: 25%; font-size:12px;}
	#karte .col-sm-6 {width:50%;}
	.sabine {padding:10px 0;}
	footer .col-12 {padding-bottom: 10px;}
	.button.style2.down {display:none;}
	section {padding: 50px 0 0;}
	footer {padding: 50px 0 20px;}
	.address-image {margin-top:30px;}
	.cat-block a {font-size:12px;}
	.non-mobile {display:none;}
	#stuck {max-width: 100%;margin: 40px auto 0;}
	.winterhude {margin:0 auto;}
	.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {margin: -3px 0 8px 0;}
	.urbanlife {font-size:30px;}
	.carousel {margin-top: 20px;}
	.grundrisse-kategorie {width:25%;font-size: 11px;}
	.lage {display:none;}
	.zimmer {display:none;}
	.frei {display:none;}
	.grundrisse-titel {font-size:16px;}
	.detail-wohnung {width:25%;font-size: 11px;}
	.detail-wohnung span {display:none;}
	.detail-wohnung:nth-child(2) {display:none;}
	.detail-wohnung:nth-child(3) {display:none;}
	.detail-wohnung:nth-child(6) {display:none;}
	.close {top:70px;}
	.grundrisse-box {margin:10px auto;}
	.detail-wohnung:nth-child(7) {text-align:center;}
	#cafe {padding: 80px 0;margin-top: 50px; }
	#grundrisse button {margin-bottom:30px;}
	.impressum-bar ul {display:block;}
	.impressum-link li {float: none;padding-right: 5px;}
	.impressum-bar {padding:0;}
	a:hover.nav-link {color: #999;}
}

@media screen and (min-width:576px) and (max-width:767px){
	body {font-size:13px}
	h1 {font-size:24px;} 
	h2 {font-size:24px;padding: 0 0 20px;}
	h3 {font-size:15px;}
	h4 {font-size:23px;}
		h5, h6 {font-size:22px;}
	#home {margin-top:70px;}
	.col-600 {-ms-flex: 100%;flex: 0 0 100%;max-width: 100%;}
	.col-400 {-ms-flex: 100%;flex: 0 0 100%;max-width: 100%;}
	.object {display: flex;align-items: center;justify-content: center;flex-direction: column-reverse;}
	.header-details {font-size:28px; padding: 5px 0 15px;}
	.header-details .col-3 {-ms-flex: 50%; flex: 0 0 50%; max-width: 50%;}
	.detail {font-size: 14px;}
	.navbar-collapse {position: fixed;top: 70px;right: 0;z-index: 1000;width: 100%;height: calc(100vh - 70px);border: none;background-color: #333; text-align: left;padding: 0 10px;overflow: scroll;}
	.navbar-collapse a {color:#fff;font-size:16px;}
	.navbar-expand-xl .navbar-nav .nav-link {padding:0; text-align:center; font-size:16px;line-height:2.8;border-bottom: 1px solid #ba8;}
	footer ul li {margin: 0; display: block;}
	.adress {text-align:left;}
	.adress-title {font-size: 18px;font-weight: 600;}
	.col-md-6.links {text-align: center;}
	footer {text-align: left; font-size: 14px;}
	.design {font-size:12px;}
	.links {text-align:center;}
	footer img {max-width: 100%;}
	#icons .col-md-2 {-ms-flex: 0 0 33.5553%;flex: 0 0 33.5553%;max-width: 33.5553%;}
	#icons p {font-size: 13px;}
	.fbpictures {width: 50%;}
	#map {height:300px;}
	#map_filters li {width: 25%; font-size:12px;}
	#karte .col-sm-6 {width:50%;}
	.sabine {padding:10px 0;}
	footer .col-12 {padding-bottom: 10px;}
	.button.style2.down {display:none;}
	section {padding: 50px 0 0;}
	footer {padding: 50px 0 20px;}
	.address-image {margin-top:30px;}
	.non-mobile {display:none;}
	.winterhude {margin:0 auto;}
	.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {margin: -3px 0 8px 0;}
	.urbanlife {font-size:30px;}
	.carousel {margin-top: 20px;}
	.grundrisse-kategorie {width:25%;}
	.lage {display:none;}
	.zimmer {display:none;}
	.frei {display:none;}
	.grundrisse-titel {font-size:18px;}
	.detail-wohnung {width:25%;}
	.detail-wohnung:nth-child(2) {display:none;}
	.detail-wohnung:nth-child(3) {display:none;}
	.detail-wohnung:nth-child(6) {display:none;}
	.close {top:70px;}
	.grundrisse-box {margin:10px auto;}
	#cafe {padding: 80px 0;margin-top: 50px; }
	#grundrisse button {margin-bottom:30px;}
	.impressum-bar ul {display:block;}
	.impressum-link li {float: none;padding-right: 5px;}
	.impressum-bar {padding:0;}
	a:hover.nav-link {color: #999;}
}

@media screen and (min-width:768px) and (max-width:991px){
	body {font-size:13px}
	h1 {font-size:24px;padding: 0px;} 
	h2 {font-size:24px;padding: 0 0 20px;}
	h3 {font-size:16px;}
	#home {margin-top:70px;}
	.col-600 {-ms-flex: 100%;flex: 0 0 100%;max-width: 100%;}
	.col-400 {-ms-flex: 100%;flex: 0 0 100%;max-width: 100%;}
	.object {display: flex;align-items: center;justify-content: center;flex-direction: column-reverse;}
	.header-details {font-size:28px; padding: 5px 0 15px;}
	.detail {font-size: 14px;}
	.navbar-collapse {position: fixed;top: 70px;right: 0;z-index: 1000;width: 100%;height: calc(100vh - 70px);border: none;background-color: #333; text-align: left;padding: 0 0 0 14px;overflow: scroll;}
	.navbar-collapse a {color:#fff;font-size:16px;}
	.navbar-expand-xl .navbar-nav .nav-link {padding:0; text-align:center; font-size:16px;line-height:2.8;border-bottom: 1px solid #ba8;}
	footer ul li {margin: 0; display: block;}
	.adress {text-align:left;}
	.col-md-6.links {text-align: center;}
	footer {text-align: left; font-size: 14px;}
	.design {font-size:12px;}
	.links {text-align:center;}
	footer img {max-width: 100%;}
	#icons .col-md-2 {-ms-flex: 0 0 33.5553%;flex: 0 0 33.5553%;max-width: 33.5553%;}
	#icons p {font-size: 13px;}
	.fbpictures {width: 50%;}
	.button.style2.down {display:none;}
		section {padding: 50px 0 0;}
	footer {padding: 50px 0 20px;}
	.address-image {margin-top:30px;}
	.winterhude {margin:0 auto;}
	.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {margin: -3px 0 8px 0;}
	.urbanlife {font-size:30px;}
	.carousel {margin-top: 20px;}
	.close {top:70px;}
	.grundrisse-box {margin:10px auto;}
	#grundrisse button {margin-bottom:30px;}
	a:hover.nav-link {color: #999;}
}


@media screen and (min-width:992px) and (max-width:1200px){
	body {font-size:13px;}
	#home {margin-top:70px;}
	h1 {font-size:32px;padding:0;}
	h2 {font-size:32px;padding:0;}  
	h3 {font-size:13px;padding:0;}
	#karte h3 {padding: 20px 0 10px;}
	.navbar-collapse {position: fixed;top: 70px;right: 0;z-index: 1000;width: 100%;height: calc(100vh - 70px);border: none;background-color: #333; text-align: left;padding: 0 0 0 14px;overflow: scroll;}
	.navbar-collapse a {color:#fff;font-size:16px;}
	.navbar-expand-xl .navbar-nav .nav-link {padding:0; text-align:center; font-size:16px;line-height:2.8;border-bottom: 1px solid #ba8;}
	.container {max-width: 972px;}
	.cc-window.cc-floating {padding: 10px;max-width: none;width:80%;-ms-flex-direction: column;flex-direction: column;transform: translateX(-50%);left: 50%;bottom:40px;}
	.design {font-size:12px;}
	.winterhude {margin:0 auto;}
	.navbar-brand, .navbar-brand:hover, .navbar-brand:focus, .navbar-brand:visited {margin: -3px 0 8px 0;}
	.urbanlife {font-size:30px;}
	.button.style2.down {    margin-top: 10px}
	.close {top:70px;}
	.grundrisse-box {margin:10px auto;}
	.hh-text {font-size:11px;}
	img.hh {width: 45px;float: left;margin: 15px 5px 0 0;}
	a:hover.nav-link {color: #999;}
}

@supports (-webkit-overflow-scrolling: touch) {
#contact {background-attachment: scroll;}
}
@media screen and (min-width:1201px){
	.phone {display:none;}
	.fixed-to-top {height:120px;}
	#home {margin-top:120px;    position: relative;}
}