html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline;zoom:1}
html{font-size:100%;box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
*, *:before, *:after {box-sizing:inherit;}
body{margin:0}
a{color:blue}
li{list-style:none}
b,strong{font-weight:700}
i,em,dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
label{cursor:pointer}
input,select,textarea{font-size:100%;vertical-align:middle;margin:0}
button,input{line-height:normal;overflow:visible}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
input[type=checkbox],input[type=radio]{box-sizing:border-box}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
div,article,section,header,footer,nav,li { position:relative; }
.group:after 		{ display:block; height:0; clear:both; content:""; visibility:hidden; font-size: 0; }
::-moz-selection 	{ background:hsl(43deg 26% 91%); color:#231b40; }
::selection 		{ background:hsl(43deg 26% 91%); color:#231b40; } .alignright { float: right; margin: 0 0 15px 15px; max-width: 50%; height: auto; }
.alignleft { float: left; margin: 0 15px 15px 0; max-width: 50%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 100%; height: auto; }  
.alignnone { margin: 10px 0; max-width: 100%; height: auto; }
.wp-caption-text { font-size: 12px; display: inline-block; color: #85754e; margin-top: 6px; margin-bottom: 20px; } .sprite { background-repeat: no-repeat; text-indent: -9999px; display: inline-block; position: relative; }
.responsive { width: 100%; }
.mobile { display: none; }
.desktop { display: block; }
.display-none { display: none }
.centered { margin: 0 auto; }
.v-align { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.v-align:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.35em; }
.v-align span { display: inline-block; text-align: center; width: auto; padding: 10px; vertical-align: middle; }
.flex-direction-nav li { position: inherit; }
.js-button, .js-button:hover, .js-button:active, .js-button:focus { outline: none; }
.print { display: none; }
.layout { background-color: hsla(0, 50%, 50%, 0.5); }
.embed-container { position:relative; padding-bottom:56.25%; overflow:hidden; max-width:100%; height:0; height:auto;	} 
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .animate-all, .menu-item a { 
-webkit-transition: all 300ms; 
transition: all 300ms; 
}
.animate-all-slow { 
-webkit-transition: all 600ms; 
transition: all 600ms; 
}
.no-touchevents .img-link:hover img,
.img-link:focus img, 
.img-link:active img {
-webkit-filter: saturate(110%) contrast(110%) brightness(105%);
filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1.0787000000000002 -0.07150000000000001 -0.007200000000000012 0 0 -0.021300000000000013 1.0394999999999999 -0.007200000000000012 0 0 -0.021300000000000013 -0.07150000000000001 1.0928000000000002 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" intercept="-0.050000000000000044" /><feFuncG type="linear" slope="1.1" intercept="-0.050000000000000044" /><feFuncB type="linear" slope="1.1" intercept="-0.050000000000000044" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
filter: saturate(110%) contrast(110%) brightness(105%);  
} .button {
background: #85754e;
border: 1px solid #85754e;
padding: 8px 15px 7px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1.5px;
font-size: 12px;
position: relative;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition:opacity 300ms;
transition: opacity 300ms;
}
.button, .button:link, .button:visited {
color: #fff;
text-decoration: none;
}
a.button:hover, a.button:not(.no-focus):focus { 
background: transparent; 
color: #85754e;
} .button-centered {
text-align: center;
} .alt-button, .alt-button:link, .alt-button:visited {
background: #fff;
color: #85754e;
}
a.alt-button:hover, a.alt-button:focus { 
background: #85754e;
color: #fff;
} .button-next {
padding-right: 42px;
}
.button-next:after {
content: '';
display: block;
width: 25px;
height: 25px;
position: absolute;
top: 50%;
right: 7px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-right-white-25.png) 0 0 no-repeat;
}
.button-next:hover:after, .button-next:hover:after {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-right-gold-25.png);
} .back-button {
padding-left: 35px;
}
.back-button:after {
content: '';
display: block;
width: 15px;
height: 14px;
position: absolute;
top: 9px;
left: 10px;
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-back-gold-14.png) 0 0 no-repeat;
}
.back-button:hover:after, .back-button:hover:after {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-back-white-14.png);
}  body, input, textarea, select { 
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #666;
}
h1, .h1 { 
font-family: adobe-garamond-pro, serif;    
font-size: 36px;
font-weight: 400;
line-height: 1.1;
color: #85754e;
margin-bottom: 5px;	
}
h2, .h2 { 
font-family: adobe-garamond-pro, serif;    
font-size: 30px;
font-weight: 400;
line-height: 1.2;
color: #85754e;
margin-bottom: 10px;	
}
h3, .h3 { 
font-family: adobe-garamond-pro, serif;    
font-size: 26px;
font-weight: 400;
line-height: 1.2;
color: #231b40;
margin-bottom: 14px;	
}
h4, .h4 { 
font-family: adobe-garamond-pro, serif;    
font-size: 22px;
font-weight: 400;
line-height: 1.25;
color: #231b40;
margin-bottom: 14px;	
}
h5, .h5 { font-size: 16px;
font-weight: 400;
color: #85754e;
margin-bottom: 10px;	
}
h6, .h6 { }
h1 + p,
h2 + p, h5 + p,
h6 + p {
margin-top: 17px;
}
p { 
margin-bottom: 21px; 
}
.highlight,
.text-gold {
color: #85754e;
}
.text-blue {
color: #231b40;
}
.text-grey {
color: #666666;
}
a, a:link, a:visited {
color: #337ab7;
}
a:hover, a:active, a:focus {
color: #231b40; 
}
a[href^="tel"] {
text-decoration: none;
}
ul { 
padding-left: 17px; 
margin-bottom: 21px; 
}
ol { 
padding-left: 22px; 
margin-bottom: 21px; 
}
ul li { 
list-style-type: disc; 
}
ol li { 
list-style-type: decimal; 
}
.content-container ol ol li {
list-style-type: lower-latin;
}
.content-container ol ol ol {
margin-bottom: 0;
}
.content-container ol ol ol li {
list-style: disc;
} body{
padding-top: 70px;
}
.logo {
position: absolute;
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 5;
}
.logo,
.logo a {
font-size: 12px;
width: 133px;
height: 44px;
}
.logo a {
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/no1-charolottenburg-logo.png) 0 0 no-repeat;
background-size: 100%;
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
background: #fff;
}
.header-top {
height: 70px;
border-bottom: 1px solid #E9E9E9;
background: #fff;
z-index: 10;
} .main-menu-nav {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #fff;
border-bottom: 1px solid #E9E9E9;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition:-webkit-transform 650ms;
transition:-webkit-transform 650ms;
transition:transform 650ms;
transition: transform 650ms, -webkit-transform 650ms;
z-index: 9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 77px 20px 8px;
}
.menu-open .main-menu-nav {
-webkit-transform: translateY(0);
transform: translateY(0);
} .header-menu {
margin: 0;
padding: 0;
}
.header-menu li {
list-style-type: none;
display: block;
}
.header-menu a {
display: block;
color: #998A5C;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.425;
}
.header-menu a:hover,
.main-menu > .current-menu-item > a,
.main-menu .current_page_item > a, 
.page-id-21 #menu-item-45 > a {
color: #231a3f;
} .main-menu {
min-width: 200px;
text-align: center;
}
.main-menu a {
padding: 12px 15px;
}
.main-menu .sub-menu {
display: none;
} .language-menu {
position: absolute;
right: 10px;
top: 6px;
}
.language-menu li {
}
.language-menu a {
padding: 6px;
letter-spacing: 1px;
}
.language-menu .wpml-ls-current-language a {
color: #231a3f;
cursor: default;
}
.language-menu :not(.wpml-ls-current-language) a:hover {
text-decoration: underline;
}   .content-container {
min-height: calc(100vh - 247px);
overflow: hidden;
}
.row.align-left {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.align-center {
text-align: center;
} .content-width {
margin-left: auto;
margin-right: auto;
}
.width-narrow {
max-width: 500px;
}
.width-medium {
max-width: 650px;
}
.width-wide {
max-width: 1200px;
} .content-width > *:last-child { }
.content-height {
margin-top: 21px;
}
.content-width h1 br,
.content-width h2 br,
.content-width h3 br,
.content-width h4 br {
display: none;
}  .height-short {
margin-top: 10px;
margin-bottom: 10px;
}
.height-medium {
margin-top: 30px;
margin-bottom: 30px;
}
.height-tall {
margin-top: 40px;
margin-bottom: 40px;
} .footer {
padding: 20px 15px;
padding-bottom: 20px;
font-size: 12px;
background-color: #231b40;
color: #8c7e5a;
text-align: center;
}
.footer {
background-color: #f4f4f4;
color: #231b40;
}
footer.blue-bg {
color: #8c7e5a;
} .footer ul {
margin: 12px 0 18px;
padding: 0;
}
.footer ul li {
display: inline-block;
list-style-type: none;
}
.footer ul li:not(:last-child):after {
content: '|';
position: relative;	
}
.footer a {
color: #8c7e5a;
text-decoration: none;
margin: 0 12px;
}
.footer a:hover,
.footer a:focus {
color: #8c7e5a;
text-decoration: underline;
} .page-transition {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
z-index: 90;
}
.transition-padding {
max-width: 850px;
padding: 145px 15px 145px;
position: initial;
}
.transition-padding-logo {
content: '';
display: block;
position: absolute;
width: 200px;
height: 32px;
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/canon-canon-logo.png) 0 0 no-repeat;
background-size: 200px;
bottom: 100px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.page-transition-fade-out {
-webkit-animation: 0.5s ease-in-out forwards animation-fade-out ;
animation: 0.5s ease-in-out forwards animation-fade-out ; 
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
@-webkit-keyframes animation-fade-out {
0%	 { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }
99%  { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: visible; }
100% { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; }
}
@keyframes animation-fade-out {
0%	 { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }
99%  { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: visible; }
100% { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; }
}
.fade-in {
-webkit-animation: 0.3s ease-in-out backwards animation-fade-in ;
animation: 0.3s ease-in-out backwards animation-fade-in ; 
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
@-webkit-keyframes animation-fade-in {
from { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
to { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
}
@keyframes animation-fade-in {
from { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
to { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
} .block {
margin-bottom: 40px;
}
.content-container > .block:first-of-type:not(.block-hero-image) {
margin-top: 40px;
} .hero-holder {
overflow: hidden;
}
.centered-over {
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-text {
font-size: 36px;
line-height: 1.3;
text-transform: uppercase;
color: #fff;
font-family: 'adobe-garamond-pro', serif;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
text-align: center;
letter-spacing: 2px;
}
.hero-text br {
display: none;
}
.hero-image {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
width: 100%;
height: 320px;
} .block-lr-quote h2 {
font-size: 28px;
} .block-no-margin {
margin-top: -40px;
margin-bottom: 0;
}
.off-white-bg:before {
content: '';
width: 100vw;
background-color: red;
height: 200%;
display: block;
position: absolute;
top: -50%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-image: -webkit-linear-gradient(#fff 0%, #FDFCF8 30%, #FDFCF8 70%, #fff 100%);
background-image: linear-gradient(#fff 0%, #FDFCF8 30%, #FDFCF8 70%, #fff 100%);
z-index: -1;
}
.video-holder {
overflow: visible;
}
.video-right .video-holder video {
-webkit-transform: translateX(15px);
transform: translateX(15px);
}
.fade-video video {
filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.05" /><feFuncG type="linear" slope="1.05" /><feFuncB type="linear" slope="1.05" /></feComponentTransfer></filter></svg>#filter');
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
.video-holder .hero-text {
font-size: 36px;
}
.text-gold .hero-text {
color: #85754e;
text-shadow: none;
} .block-2-videos {
padding-top: 30px;
padding-bottom: 30px;
}
.block-2-images .col-md-6:first-child,
.block-2-videos .col-md-6 {
margin-bottom: 30px;
}
.block-2-videos .centered-over {
top: 0;
bottom: 0;
background: hsla(0deg, 0%, 0%,0.15);
padding: 15px;
}
.block-2-videos .video-holder .hero-text {
font-size: 28px;
letter-spacing: 4px;
max-width: 380px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
a.video-holder {
-webkit-transition:opacity 300ms;
transition: opacity 300ms;
}
a.video-holder:hover {
opacity: 0.75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}  .house-finder-image-box {
margin: 30px 0;
position: relative
}
.hf-image-base, 
.hf-image-hover {
position: absolute;
top: 0;
left: 0;
}
.hf-image-hover {
opacity: 0;
will-change: opacity;
-webkit-transition:opacity 425ms ease;
transition: opacity 425ms ease;
}
.hf-image-top {
position: relative;
}
.house-hovered-1 .image-house-1,
.house-hovered-2 .image-house-2,
.house-hovered-3 .image-house-3,
.house-hovered-4 .image-house-4,
.house-hovered-5 .image-house-5,
.house-hovered-6 .image-house-6,
.house-hovered-7 .image-house-7,
.house-hovered-8 .image-house-8,
.house-hovered-9 .image-house-9,
.house-hovered-10 .image-house-10,
.house-hovered-11 .image-house-11,
.house-hovered-12 .image-house-12,
.house-hovered-13 .image-house-13,
.house-hovered-14 .image-house-14,
.house-hovered-15 .image-house-15 {
opacity: 0.6;
}
.house-selected-1 .image-house-1,
.house-selected-2 .image-house-2,
.house-selected-3 .image-house-3,
.house-selected-4 .image-house-4,
.house-selected-5 .image-house-5,
.house-selected-6 .image-house-6,
.house-selected-7 .image-house-7,
.house-selected-8 .image-house-8,
.house-selected-9 .image-house-9,
.house-selected-10 .image-house-10,
.house-selected-11 .image-house-11,
.house-selected-12 .image-house-12,
.house-selected-13 .image-house-13,
.house-selected-14 .image-house-14,
.house-selected-15 .image-house-15 {
opacity: 0.6;
} .tooltip {
background-color: hsla(253deg, 41%, 18%, 0.65);
color: #fff;
display: inline-block;
font-size: 11px;
padding: 3px 8px;
margin-bottom: 15px;
position: absolute;
text-align: center;
-webkit-transform: translate(-50%, calc(-100% - 10px));
transform: translate(-50%, calc(-100% - 10px));
opacity: 1;
-webkit-transition:opacity 425ms ease;
transition: opacity 425ms ease;
text-shadow: 0 0 3px #000;
will-change: transform;
white-space: nowrap;
-webkit-font-smoothing: antialiased; }
.tooltip-house-1 {
min-width: 102px;
}
.house-hovered-1 .tooltip-house-1,
.house-hovered-2 .tooltip-house-2,
.house-hovered-3 .tooltip-house-3,
.house-hovered-4 .tooltip-house-4,
.house-hovered-5 .tooltip-house-5,
.house-hovered-6 .tooltip-house-6,
.house-hovered-7 .tooltip-house-7,
.house-hovered-8 .tooltip-house-8,
.house-hovered-9 .tooltip-house-9,
.house-hovered-10 .tooltip-house-10,
.house-hovered-11 .tooltip-house-11,
.house-hovered-12 .tooltip-house-12,
.house-hovered-13 .tooltip-house-13,
.house-hovered-14 .tooltip-house-14,
.house-hovered-15 .tooltip-house-15 {
opacity: 1; }
.house-selected-1 .tooltip-house-1,
.house-selected-2 .tooltip-house-2,
.house-selected-3 .tooltip-house-3,
.house-selected-4 .tooltip-house-4,
.house-selected-5 .tooltip-house-5,
.house-selected-6 .tooltip-house-6,
.house-selected-7 .tooltip-house-7,
.house-selected-8 .tooltip-house-8,
.house-selected-9 .tooltip-house-9,
.house-selected-10 .tooltip-house-10,
.house-selected-11 .tooltip-house-11,
.house-selected-12 .tooltip-house-12,
.house-selected-13 .tooltip-house-13,
.house-selected-14 .tooltip-house-14,
.house-selected-15 .tooltip-house-15 {
opacity: 1;
-webkit-transform: translate(-50%, calc(-100% - 10px));
transform: translate(-50%, calc(-100% - 10px));
}
.tooltip::after {
display: block;
content: '';
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid hsla(253deg, 41%, 18%, 0.6);
border-bottom: none;
}
.tooltip-house-1 {
top: 39%;
left: 82%;
}
.tooltip-house-2 {
top: 61%;
left: 66.6%;
}
.tooltip-house-3 {
top: 69.3%;
left: 49.9%;
}
.tooltip-house-4 {
top: 64%;
left: 40%;
}
.tooltip-house-5 {
top: 59%;
left: 29%;
}
.tooltip-house-6 {
top: 49%;
left: 21%;
}
.tooltip-house-7 {
top: 42.3%;
left: 27.5%;
}
.tooltip-house-8 {
top: 19.1%;
left: 30.5%;
}
.tooltip-house-9 {
top: 13.8%;
left: 42%;
}
.tooltip-house-10 {
top: 10.4%;
left: 52.7%;
}
.tooltip-house-11 {
top: 7%;
left: 63%;
}
.tooltip-house-12 {
top: 4.4%;
left: 72.3%;
}
.tooltip-house-13 {
top: 21.6%;
left: 74.5%;
}
.tooltip-house-14 {
top: 29.2%;
left: 50.5%;
}
.tooltip-house-15 {
top: 34.1%;
left: 59.3%;
}   .house-slider .slide-padding {
padding: 15px 45px;
}
.house-slider .flex-direction-nav a {
opacity: 1;
width: 30px;
height: 30px;
margin: -15px 0 0;
background: #fff;
}
.house-slider:hover .flex-direction-nav a:hover {
opacity: 1 !important;
}
.house-slider .flex-direction-nav .flex-prev {
left: 0;
}
.house-slider .flex-direction-nav .flex-next {
right: 0;
}
.house-slider .flex-direction-nav a::before {
width: 30px;
height: 30px;
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-left-gold-over-30.png) 0 0 no-repeat;
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-left-gold-30.png) 0 0 no-repeat;
}
.house-slider .flex-direction-nav .flex-prev:hover::before {
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-left-gold-over-30.png) 0 0 no-repeat;
}
.house-slider .flex-direction-nav a::before {
width: 30px;
height: 30px;
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-left-gold-30.png) 0 0 no-repeat;
}
.house-slider .flex-direction-nav .flex-next::before {
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-right-gold-over-30.png) 0 0 no-repeat;
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-right-gold-30.png) 0 0 no-repeat;
}
.house-slider .flex-direction-nav .flex-next:hover::before {
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/arrow-right-gold-over-30.png) 0 0 no-repeat;
} .house-slide-content {
max-width: 250px;
margin: 0 auto;
}
.house-slide-content h3 {
margin-bottom: 24px;
}
.house-slide-content p {
margin-bottom: 25px;
}
.house-slider .button {
width: 100%;
text-align: center;
}
.button.tighter-spacing {
letter-spacing: 1px;
}
.button.disabled {
opacity: 0.5;
}
.button.disabled:hover, 
.button.disabled:focus {
}
.house-slide-content .button + .button {
margin-top: 17px;
} .block-apt-finder {
background: #f8f8f8;
padding: 40px 0 50px;;
margin-bottom: 0;
} .apt-toggle {
background-color: #e3ded2;
margin-bottom: 40px;
border-left: 37px solid #c3b99e;
padding: 14px 14px 14px 14px;
position: relative;
text-align: center;
}
.apt-filters-toggle {
cursor: pointer;
}
.apt-results-toggle {
border-color: transparent;
border-left: none;
margin-bottom: 24px;
}
.apt-filters-toggle:hover {
background-color: hsl(42deg 23% 81%);
}
.apt-filters-toggle::before {
content: '';
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/toggle-minus.png) 0 0 no-repeat;
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/toggle-plus.png) 0 0 no-repeat;
position: absolute;
top: 50%;
left: -30px;
display: block;
width: 21px;
height: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.filter-visible .apt-filters-toggle::before {
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/toggle-minus.png) 0 0 no-repeat;
width: 21px;
height: 2px;
}
.apt-toggle-heading {
font-size: 16px;
color: #887449;
text-align: center;
text-transform: uppercase;
} .show-all-button {
position: relative;
line-height: 1.5;
margin: 0;
text-align: center;
width: 100%;
white-space: nowrap;
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
.show-all-button + .show-all-button {
margin-top: 17px;
} .apt-filters {
display: none;
margin-bottom: 40px;
}
.filter-visible .apt-filters { }
.filter-button-group {
display: -ms-grid;
display: grid;
-ms-grid-columns: (minmax(210px, 1fr))[auto-fill];
grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
grid-gap: 7px 15px;
margin-bottom: 20px;
}
.filter-button-group:not(:last-of-type) {
border-bottom: 1px solid #e4e3e8;
padding-bottom: 30px;
} .filter-button-group button {
border: 1px solid #231a3f;
background: transparent;
padding: 9px 15px;
outline: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.filter-button-group button:not(.disabled):hover {
background: hsla(255deg, 42%, 17%, 0.075);
}
.filter-button-group button:not(.disabled).is-checked {
background: #231a3f;
color: #fff;
}
.filter-button-group button.disabled {
-webkit-filter: saturate(0);
filter: saturate(0);
opacity: 0.35;
cursor: no-drop;
} .availability-button-group button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.availability-button-group button:not(.filter-group-toggle)::before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
margin-right: 10px;
} .apt-results-button {
text-align: center;
margin-top: 30px;
}
.apt-results-button .button {
text-align: center;
padding: 12px;
font-size: 14px;
min-width: 200px;
width: 100%;
} .apt-results {
display: none; position: relative;
}
.apt-results .tbody {
position: relative;
min-height: 42px;
}
.results-visible .apt-results {
display: block; min-height: 160px;
} .apt-table {
width: 100%;
text-align: center;
text-transform: uppercase;
font-size: 12px;
z-index: 1;
} .apt-grid {
clear: left;
} .no-results {
position: absolute;
width: 100%;
height: 32px;
display: block;
padding-top: 3px;
font-size: 15px;
border: 2px solid #dadada;
display: block !important;
top: 0 !important;
left: 0;
z-index: -1;
} .apt-item {
width: 100%; 
margin-bottom: 7px;
border: 2px solid #ededed;
clear: left;
background: #f8f8f8;
cursor: default;
}
.apt-item.status-Available {
cursor: pointer;
border-color: #dadada;
}
.apt-item.status-Available:hover {
background-color: #efece6;
}
.apt-item > div {
opacity: 0.5;
}
.apt-item.status-Available > div {
opacity: 1;
} .th, .td {
display: inline-block;
float: left;
}
.th {
color: #85754e;
font-weight: 400;
font-size: 11px;
letter-spacing: 0;
padding: 0 3px 10px;
}
.td {
padding: 5px 3px;
} .apt-house {
width: 14%;
}
.apt-no {
width: 15%;
}
.apt-rooms {
display: none;
}
.apt-floor {
display: none;
}
.apt-area {
width: 24%;
}
.apt-availability {
width: 47%;
} .apt-area span {
text-transform: lowercase;
}
.apt-table .apt-availability {
padding-left: 10px;
text-align: left;
}
.td.apt-availability::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
margin-right: 6px;
border-radius: 50%;
vertical-align: baseline;
}
.filters .status-Available::before,
.status-Available .apt-availability::before {
background-color: #78D806;
}
.filters .status-Sold::before,
.status-Sold .apt-availability::before {
background-color: #E30C35;
}
.filters .status-Reserved::before,
.status-Reserved .apt-availability::before {
background-color: #FDDD06;
}
.filters .status-Not::before,
.status-Not .apt-availability::before {
background-color: #828283;
} .tfoot {
margin-top: 30px;
color: #231b40;
font-weight: 600;
text-transform: initial;
} html.overlay-visible {
overflow-y: hidden;
}
.apt-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 15;
background: #fff;
display: none;
padding-top: 0;
padding-bottom: 0;
overflow: auto;
}
.overlay-window {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 100%;
padding-top: 100px;
padding-bottom: 20px;
z-index: 15;
}
.container.overlay-container {
max-width: 1260px;
} .overlay-title {
font-size: 32px;
margin-bottom: 20px;
margin-right: 40px;
}
.overlay-house {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
color: #231b40;
}
.overlay-desc {
font-size: 13px;
margin-bottom: 35px;
}
.overlay-item {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
border-bottom: 1px solid #ddd;
color: #85754e;
padding-bottom: 10px;
margin-bottom: 20px;
}
.overlay-item label {
display: inline-block;
min-width: 160px;
color: #231b40;
cursor: default;
}
.overlay-unit {
text-transform: initial;
letter-spacing: 0.5px;
}
.overlay-item + .overlay-smallprint {
margin-top: 50px;
}
.overlay-smallprint,
.overlay-smallprint p {
font-size: 13px;
}
.overlay-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.overlay-image {
margin: 30px 0;
-o-object-fit: contain;
object-fit: contain;
width: auto;
max-width: 100%;
max-height: 500px;
}
.overlay-buttons {
text-align: center;
margin-top: 36px;
}
.overlay-buttons .button {
max-width: 400px;
display: block;
margin: 12px auto;
} .overlay-close-x {
position: absolute;
top: 104px;
right: 10px;
width: 28px;
height: 28px;
z-index: 2;
}
.overlay-close-x::before, 
.overlay-close-x::after {
content: '';
width: 100%;
height: 1px;
border-top: 1px solid #85754e;
position: absolute;
top: 50%;
left: 0;
transform: rotate(45deg);
}
.overlay-close-x::after {
transform: rotate(-45deg);
}
.overlay-close-x:hover::before, 
.overlay-close-x:hover::after {
border-color: #231b40;
} .single-apartments .overlay-container {
padding-top: 60px;
padding-bottom: 60px;
}
.single-apartments .overlay-close-button {
margin-top: 60px;
}  .page-template-default .content-container {
padding-top: 20px;
padding-bottom: 20px;
} .home {
background-color: #f4f4f4;
}
.home .content-container {
margin: 0;
padding: 0;
}
.tma-video-container {
width: 100%;
height: auto;
position: relative;
}
.tma-video {
width: 100%;
height: auto;
position: relative;
}
.tma-video-play {
position: absolute;
z-index: 4;
left: 15px;
bottom: 20px;
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/movie-controls.png) 0 0 no-repeat;
width: 30px;
height: 36px;
cursor: pointer;
}
.tma-video-mute {
position: absolute;
z-index: 4;
right: 15px;
bottom: 20px;
background: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/movie-controls.png) -30px 0 no-repeat;
width: 29px;
height: 36px;
cursor: pointer;
} #map {
height: calc(100vh - 71px) !important;
margin-bottom: 30px;
}
#marker-no1 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map-icons/ico_no1.png);
background-size: cover;
width: 80px;
height: 80px;
border-radius: 50%;
cursor: pointer;
}
.mapboxgl-popup {
max-width: 200px;
}
button.mapboxgl-popup-close-button {
display: none;
}
.location-blocks section:first-of-type {
padding-bottom: 10px;
} .blue-bg {
background-color: #231b40;
}
.blue-bg .gform_wrapper h3.gform_title {
color: #fff;
font-size: 32px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px !important;
}
.blue-bg .gform_wrapper span.gform_description {
margin-top: 22px;
font-size: 16px;
color: #8c7e5a;
}
body .blue-bg .gform_wrapper label.gfield_label {
color: #8c7e5a;
}
body .blue-bg .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
body .blue-bg .gform_wrapper .ginput_container textarea,
body .blue-bg .gform_wrapper .ginput_container select {
color: #fff;
}
body .blue-bg .gform_wrapper .ginput_container select {
background-color: #231b40;
}
.blue-bg .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
color: #998a5c;
}
.blue-bg .gfield_consent_label {
color: #fff;
padding-top: 1px;
}
.page-template-blocks-and-form input[type=submit] {
width: calc( 100% - 16px) !important;
}
.blue-bg .gform_confirmation_message {
min-height: 80vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} #team {
margin-bottom: 70px;
}
.team-header {
margin: 30px 0;
}
.team-member {
margin-bottom: 30px;
}
.team-image-box {
overflow: hidden;
position: relative;
cursor: pointer;
}
.team-bio {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 25px 30px;
color: #fff;
background: hsla(253deg, 41%, 18%, 0.7);
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition:-webkit-transform 600ms ease-out;
transition:-webkit-transform 600ms ease-out;
transition:transform 600ms ease-out;
transition: transform 600ms ease-out, -webkit-transform 600ms ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.team-image-box:hover .team-bio {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.team-name {
text-align: center;
margin: 10px 0 0px;
}
.team-title {
color: #85754e;
font-size: 16px;
text-align: center;
} .partners {
margin-bottom: 30px;
}
.partners-title {
margin: 30px 0 20px;
}
.partner {
min-height: 140px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid transparent;
}
a.partner {
-webkit-transition:all 300ms;
transition: all 300ms;
}
a.partner:hover {
border-color: hsla(43deg, 22%, 45%, 0.4); }
.partner-logo {
max-width: 105px;
height: auto;
} .media-title {
text-align: center;
margin: 40px 0 30px;
}
.no-posts {
width: 100%;
}
.news-grid > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #e9e9e9;
margin-bottom: 30px;
}
.news-post:hover {
border-color: hsl(43deg 36% 80%);
}
.news-cover-link {
display: block;
text-decoration: none;
}
.news-cover-text {
margin: 15px 10px 35px;
}
.news-cover-date {
color: #85754e;
font-size: 12px;
padding-bottom: 8px;
display: inline-block;
}
.news-cover-title {
font-size: 26px;
color: #85754e;
margin-bottom: 30px;
}
.news-cover-excerpt {
color: #231b40;
font-size: 12px;
}
.news-article-link, .news-article-link:link, .news-article-link:visited {
display: block;
text-align: center;
text-decoration: none;
width: 100%;
background: #85754e;
color: #fff;
padding: 7px 12px;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transition:opacity 250ms ease;
transition: opacity 250ms ease;
}
.news-article-link:hover, .news-article-link:focus {
opacity: 0.75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
} .single-post .content {
margin-top: 30px;
}
.news-title {
text-align: center;
padding-bottom: 10px;
margin: 20px 0 12px;
position: relative;
}
.line-after:before {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 15%;
height: 1px;
border-top: 1px solid #887449;
content: '';
}
.news-date {
color: #231b40;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
margin-bottom: 35px;
display: block;
text-align: center;
}
.news-footer {
margin: 40px 0;
}
button.button {
height: 35px;
}
.news-link {
float: right;
} .no-links a {
color: #666;
text-decoration: none;
}
.no-links a:hover {
text-decoration: underline;
}
.contact-details p {
font-size: 13px;
letter-spacing: 1.5px;
} .social-links {
text-align: center;
margin: 60px 0 20px;
padding: 0;
}
.social-links li {
display: inline-block;
margin: 15px;
list-style-type: none;
}
.social-link {
display: block;
width: 30px;
height: 24px;
text-indent: -9999px;
margin-right: 0px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center center;
}
.social-link:hover, .social-link:focus {
opacity: 0.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.social-facebook {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/facebook.png);
}
.social-twitter {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/twitter.png);
}
.social-instagram {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/instagram.png);
}  .hamburger {
padding: 25px 22px 20px;
display: inline-block;
cursor: pointer;
-webkit-transition-property:opacity, -webkit-filter;
transition-property:opacity, -webkit-filter;
transition-property:opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
border-right: 1px solid #E9E9E9;
margin: 0;
overflow: visible;
outline: none;
} .hamburger-box {
width: 25px;
height: 20px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
width: 25px;
height: 3px;
background-color: #231b40;
border-radius: 0px;
position: absolute;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
transition-property:transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner:before,
.hamburger-inner:after {
content: "";
display: block;
}
.hamburger-inner:before {
top: -7px;
}
.hamburger-inner:after {
bottom: -7px;
} .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:before, 
.hamburger--boring .hamburger-inner:after {
-webkit-transition-property:none;
transition-property: none; 
}
.hamburger--boring.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); 
}
.hamburger--boring.is-active .hamburger-inner:before {
top: 0;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
}
.hamburger--boring.is-active .hamburger-inner:after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); 
} .gform_wrapper {
font-size: 13px;
}
body .gform_wrapper label.gfield_label {
font-weight: normal;
text-transform: uppercase;
color: #231b40;
font-size: 13px;
letter-spacing: 1.5px;
}
body .gform_wrapper .tma-no-label label.gfield_label {
display: none;
}
.ginput_container_consent input[type=checkbox] {
margin-right: 5px;
}
.gfield_consent_label {
vertical-align: top;
font-size: 13px;
letter-spacing: 1px;
max-width: calc(100% - 25px);
display: inline-block;
}
.gfield_required {
display: none;
}
body .gform_wrapper .top_label .gfield div.ginput_container {
margin-top: 3px;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper textarea, 
.gform_wrapper select {
border: 1px solid #998A5C;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
body .gform_wrapper .ginput_container textarea,
body .gform_wrapper .ginput_container select {
padding: 9px 12px;
background-color: transparent;
}
.gfield_html a { color: #998a5c;
}
.gform_footer input[type=submit] {
width: calc( 100% - 16px) !important;
} body .gform_wrapper div.validation_error {
display: none;
}
body .gform_wrapper li.gfield.gfield_error, 
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent;
margin-bottom: 0px!important;
border-top: none;
border-bottom: none;
padding-bottom: 0;
padding-top: 0;
box-sizing: border-box;
}
body .gform_wrapper .validation_message {
display: none;
}
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
margin-top: 3px;
}
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0px;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
border: 1px solid #a94442;
}
.gform_wrapper .gfield_error .gfield_label {
color: #a94442;
}
.gfield_error .gfield_consent_label, .gfield_error .ginput_container_consent input {
border-color: #a94442;
color: #a94442;
}  #eu-cookie-bar {
color: #ffffff;
min-height: 20px;
z-index: 95;
padding: 3px 20px 2px;
background-color: #231b40;
font-size: 12px;
}
#eu-cookie-bar a:hover,
#eu-cookie-bar a:focus {
color: #8c7e5a;
}
button#euCookieAcceptWP {
margin: 0 0 0 10px;
background: #85754e;
border: 1px solid #85754e;
color: #ffffff;
padding: 2px 12px;
border-radius: 0;
font-size: 12px;
font-weight: 700;
}
button#euCookieAcceptWP:hover, 
button#euCookieAcceptWP:focus {
line-height: 20px;
background: transparent;
color: #85754e;
} #map {
position: relative;
top: 0;
bottom: 0;
width: 100%;
}
.marker {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/icons/blue-marker.png);
background-size: cover;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
} .icon-charlottenburg {
display: block !important;
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/icons/charlottenburg.png);
width: 80px;
height: 80px;
z-index: 1;
}
.icon-culture {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/icons/culture.png);
}
.icon-leisure {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/icons/leisure.png);
}
.icon-transport {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/icons/transport.png);
width: 30px;
height: 30px;
}
.icon-transport-s {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/icons/transport-s.png);
width: 31px;
height: 31px;
border-radius: 0;
}
.icon-transport-u {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/icons/transport-u.png);
width: 25px;
height: 25px;
border-radius: 0;
}
.icon-shopping {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/icons/shopping.png);
}
.icon-education {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/icons/education.png);
} .icon-1 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/points/p1.png);
}
.icon-2 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/points/p2.png);
}
.icon-3 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/points/p3.png);
}
.icon-4 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/points/p4.png);
}
.icon-5 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/points/p5.png);
}
.icon-6 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/points/p6.png);
}
.icon-7 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/points/p7.png);
}
.icon-8 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/points/p8.png);
}
.icon-9 {
background-image: url(//www.no1charlottenburg.de/wordpress-cms/wp-content/themes/charlottenburg/images/map/points/p9.png);
}
.mapboxgl-popup {
z-index: 2;
}
#map .mapboxgl-popup-close-button {
display: none;
}
.mapboxgl-popup-content {
text-align: center; padding: 10px;
}
.mapboxgl-popup-content p {
margin: 0;
}
#map-toggle {
position: absolute;
top: 40px;
left: 40px;
} .poi-accordion {
background: #fff;
display: block;
position: absolute;
top: 20px;
right: 20px;
width: 280px;
padding: 3px 20px 7px 20px;
transition: transform 650ms ease;
z-index: 5;
}
.accordion-hidden .poi-accordion {
transform: translateX(300px);
}
.accordion-toggle {
cursor: pointer;
margin: 0;
padding: 13px 25px 13px 0;
position: relative;
color: #282538;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.accordion-toggle:not(.first) {
border-top: 1px solid #ededed;
}
.accordion-toggle:hover {
text-decoration: underline;
}
.accordion-toggle::after {
content: '+';
position: absolute;
right: 0;
}
.accordion-toggle.toggled::after {
content: '-';
}
.accordion-content {
display: none;
}
.accordion-content.default {
display: block;
} .poi-list {
margin: 0 0 25px 15px;
padding: 0;
list-style-type: none;
max-height: 106px;
overflow: hidden;
overflow-x: hidden;
overflow-y: scroll;
margin-bottom: 30px;
}
.accordion-content:last-of-type .poi-list {
margin-bottom: 15px;
}
a.poi-link {
color: #282538;
text-decoration: none;
font-size: 14px;
padding: 4px 0;
display: inline-block;
}
.poi-link:first-child {
margin-top: 0px;
}
a.poi-link:hover {
text-decoration: underline;
} .accordion-hamburger {
position: absolute;
top: 0;
right: 100%;
width: 50px;
height: 50px;
background: #fff;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
cursor: pointer;
}
.accordion-hamburger-box {
width: 24px;
height: 2px;
display: block;
background: #282538;
position: relative;  
}
.accordion-hamburger-box:before, 
.accordion-hamburger-box::after {
content: '';
width: 100%;
height: 100%;
background: #282538;
position: absolute;
top: -6px;
}
.accordion-hamburger-box::after {
top: 6px;
}   @media screen and (min-width:375px) {
.logo {
top: 17px;
}
.logo,
.logo a {
width: 150px;
}
} @media screen and (min-width:576px) {
.video-right .video-holder video {
-webkit-transform: translateX(30%);
transform: translateX(30%);
}
.filter-button-group {
grid-gap: 15px 15px;
} .apt-filters-toggle {
padding: 14px 51px 14px 14px
}
.apt-table .th {
font-size: 12px;
letter-spacing: 2px;
}
.apt-table .td {
padding: 5px;
}
.th.apt-availability {
text-align: left;
}
.apt-table .apt-availability {
padding-left: 10px;
} .apt-house {
width: calc((100% - 160px) * 0.25);
}
.apt-no {
width: calc((100% - 160px) * 0.25);
}
.apt-rooms {
display: none;
}
.apt-floor {
display: none;
}
.apt-area {
width: calc((100% - 160px) * 0.5);
}
.apt-availability {
width: calc(160px);
}
} @media screen and (min-width:768px) { h1, .h1 { 
font-size: 48px;
line-height: 1.1;
}
h2, .h2 { 
font-size: 36px;
line-height: 1.2;
}
h3, .h3 { 
font-size: 26px;
line-height: 1.2;
}
h4, .h4 { 
font-size: 22px;
line-height: 1.25;
}
h5, .h5 { 
font-size: 16px;
}
h6, .h6 {
}
.wp-caption-text { 
margin-bottom: 0; 
} .hamburger {
display: none;
}
.header-top {
z-index: 11;
} .main-menu-nav,
.menu-open .main-menu-nav {
position: initial;
padding: 0;
-webkit-transform: none;
transform: none;
-webkit-transition:none;
transition: none;
z-index: 11;
}
.main-menu {
position: fixed;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 15;
}
.main-menu-1 {
left: 10px;
width: calc(50% - 95px - 10px);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.main-menu-2 {
right: 95px;
width: calc(50% - 95px - 95px);
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.main-menu li {
display: inline-block;
}
.main-menu a {
display: table-cell; 
height: 70px;
text-align: center;
vertical-align: middle;
padding: 0 6px;
font-size: 11px; }
.menu-item-45 a {
max-width: 110px;
}
.menu-item-47 a {
max-width: 95px;
}
.menu-item-51 a { }
.main-menu > li > a:hover:after, 
.main-menu > .current-menu-item > a:after, 
.page-id-21 #menu-item-45 > a:after {
content: '';
position: absolute;
top: 79%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 45%;
height: 1px;
border-top: 1px solid #231a3f;
} .main-menu .menu-item-has-children:hover > .sub-menu {
display: block;
}
.main-menu .sub-menu {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 240px;
background: #fff;
border: 1px solid #e9e9e9;
border-width: 0 1px;
margin: 0;
padding: 0;
text-align: center;
}
.main-menu .sub-menu li {
display: block;
border-bottom: 1px solid #e9e9e9;
}
.main-menu .sub-menu li a {
max-width: none;
height: 44px;
width: 240px;
} .language-menu {
top: 0;
right: 12px;
}
.language-menu li {
display: inline-block;
}
.language-menu a {
padding: 0 7px;
height: 70px;
display: table-cell;
font-size: 11px;
text-align: center;
vertical-align: middle;
} .content-container {
min-height: calc(100vh - 173px);
}
.content-width h1 br,
.content-width h2 br,
.content-width h3 br,
.content-width h4 br {
display: block;
}
.height-short {
margin-top: 10px;
margin-bottom: 10px;
}
.height-medium {
margin-top: 60px;
margin-bottom: 60px;
}
.height-tall {
margin-top: 90px;
margin-bottom: 90px;
} .footer {
padding: 20px 200px 6px;
}
.footer-awards {
position: absolute;
top: 8px;
right: 15px;
} .page-template-default .content-container {
padding-top: 70px;
padding-bottom: 40px;
} .home .content-container {
margin: 0;
padding: 0;
}
.tma-video-play {
left: 48px;
bottom: 48px;
}
.tma-video-mute {
right: 48px;
bottom: 48px;
} .hero-image { height: auto;
}
.hero-text {
font-size: 46px;
letter-spacing: 7px;
}
.hero-text br {
display: block;
} .block-2-images .col-md-6:first-child,
.block-2-videos .col-md-6 {
margin-bottom: 30px;
} .apt-table .th {
font-size: 15px;
} .apt-house {
width: calc((100% - 160px) * 0.14);
}
.apt-no {
width: calc((100% - 160px) * 0.18);
}
.apt-rooms {
display: inline-block;
width: calc((100% - 160px) * 0.24);
}
.apt-floor {
display: inline-block;
width: calc((100% - 160px) * 0.15);
}
.apt-area {
width: calc((100% - 160px) * 0.29);
}
.apt-availability {
width: calc(160px);
}
.td.apt-availability::before {
width: 14px;
height: 14px;
margin-right: 10px;
vertical-align: text-bottom;
} .overlay-close-x {
position: absolute;
top: 85px;
right: 16px;
}
.overlay-title {
font-size: 42px;
margin-right: 0;
} .page-id-288 h1 {
font-size: 46px;
} .accordion-hamburger { 
display: none; 
}
.accordion-hidden .poi-accordion {
transform: none;
}
} @media screen and (min-width:1024px) {
body{
padding-top: 82px;
} .header-top {
height: 82px;
border-bottom: 1px solid #E9E9E9;
background: #fff;
z-index: 10;
}
.logo, .logo a {
width: 181px;
}
.language-menu {
right: 20px;
}
.header-menu a {
height: 82px;
}
.main-menu-1 {
left: 0px;
width: calc(50% - 125px - 0px);
}
.main-menu-2 {
right: 110px;
width: calc(50% - 125px - 110px);
}
.main-menu a {
padding: 0 14px; letter-spacing: 0.9px; }
.menu-item-47 a {
max-width: 110px;
} #map {
height: calc(100vh - 83px) !important;
}  .apt-filters-toggle {
border-left-width: 60px; padding-left: 35px;
padding-right: 440px;
text-align: left;
}
.apt-filters-toggle .apt-toggle-heading {
text-align: left;
}
.apt-filters-toggle::before {
left: -41px;
}
.apt-toggle-heading {
font-size: 21px;
}
.show-all-buttons {
position: absolute;
width: auto;
top: 12px;
right: 28px;
margin: 0;
display: flex;
align-items: flex-start;
justify-content: center;
grid-gap: 15px;
}
.show-all-button,
.show-all-button + .show-all-button {
margin-top: 0;
-webkit-transform: none;
transform: none;
} .overlay-close-x {
position: absolute;
top: 103px;
right: 23px;
}  .apt-house {
width: calc((100% - 190px) * 0.15);
}
.apt-no {
width: calc((100% - 190px) * 0.18);
}
.apt-rooms {
width: calc((100% - 190px) * 0.23);
}
.apt-floor {
width: calc((100% - 190px) * 0.15);
}
.apt-area {
width: calc((100% - 190px) * 0.29);
}
.apt-availability {
width: calc(190px);
padding-left: 20px;
} .overlay-buttons .button {
max-width: 240px;
display: inline-block;
margin: 12px 20px;
width: 100%;
}
} @media screen and (min-width:1200px) {
.apt-results-button .button {
width: calc(20% - ((15px * 4) / 5));
}
.overlay-title {
font-size: 64px;
}
} @media screen and (-webkit-min-device-pixel-ratio:2) {
}