/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	scroll-behavior: smooth;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-size: 10px;
	background-color: #1F2830;
	color: #fff;
	font-family: futura-pt,sans-serif;
	font-weight: 400;
	font-style: normal;
	overflow-x: hidden;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color: inherit;
	text-decoration:none;
}
a:hover {
	
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

strong {
	font-family: futura-pt-bold,sans-serif;
	font-weight: 700;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


main {
	font-size: 2rem;
	font-weight: 400;
}
.ct_wrapper {
	position: relative;
	width: 100%;
	text-align: center;
}

.ct_content {
	width: 100%;
	max-width: 1300px;
	display: inline-block;
	text-align: left;
	position: relative;
}



/* header */
#header_main {
	width: 100%;
	height: 0px;
	position: fixed;
	background-color: transparent;
	z-index: 40;
	color: #0A2E4B;
	opacity: 1;
	transition: opacity 1s;
	
}

.incto_icons_ct, .intro_infobox, .finden_ct {
	opacity: 1;
	transition: opacity 1s;
} 

.introplay #header_main, .introplay .intro_icons_ct, .introplay .intro_infobox, .introplay .finden_ct {
	opacity: 0;
}
/* logo */

.logo-img {
	height: 25px;
	position: relative;
	top: 25px;
}
/* nav */

#ct_header .ct_content {
	max-width: 100%;
	padding: 0 40px;
}

#ct_header .nav {
	float: right;
	position: relative;
	top: -20px;
}

#ct_header .nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#ct_header .nav ul li {
	float: left;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: 600;
	padding-left: 50px;
}

#ct_header .nav ul li a:hover {
	color: #26AECA;
}



/* sidebar */
.sidebar {

}
/* footer */
.footer {

}





.cky-overlay.cky-hide, .cky-btn-revisit-wrapper{
	display: none !important;
}

div.cky-consent-container .cky-consent-bar{
	    padding: 10px 16px 10px !important;
}

div.cky-notice .cky-title{
	display: none !important;
}

.cky-title {
  	display: none !important;
}

.cookie_link {
	text-decoration: underline;
}

.cky-notice-des p {
    line-height: 1.3;
}

@media only screen and (max-width:900px) {
	.cky-consent-bar br{
		display: none;
	}	
}

@media only screen and (max-width:576px) {
.cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
  padding: 0 0px !important;
}
}

.page-id-6 .cky-consent-container {
  
    opacity: 0 !important;
    transition: opacity 1s !important;
    transition-delay: 0s !important;

}
.page-id-6.scrld .cky-consent-container {
    opacity: 1 !important;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.text_ct {
	line-height: 150%;
	display: inline-block;
}

.col_left, .col_right {
	width: 50%;
	float: left;
	position: relative;
	z-index: 5;
}

#ct_intro, #ct_intro .ct_content, #ct_intro .ct_inline {
	min-height: 100vh;
	position: relative;
}

#bgpart1 {
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}


.star {
	width: 3px;
	height: 3px;
	background-color: #fff;
	left: 0vw;
	top: 0vw;
	opacity: 0;
	position: absolute;
	-webkit-border-radius: 20px;
border-radius: 20px;
	-webkit-box-shadow: 0 0 8px 6px #fff, 0 0 10px 18px #64B0D9;
box-shadow: 0 0 8px 6px #fff, 0 0 10px 18px #64B0D9;
	transition: box-shadow 0.6s, height 0.6s, width 0.6s, margin 0.6s, opacity 0.6s;
}

.star5 {
	transition: box-shadow 1s, height 1s, width 1s, margin 1s, opacity 1s;
}

.intro_ld .star {
	opacity: 1;
}

.star.active {
	width: 7px;
	height: 7px;
	margin: -2px 0px 0px -2px;
	-webkit-box-shadow: 0 0 12px 8px #ffffff, 0 0 10px 25px #64B0D9;
box-shadow: 0 0 12px 8px #ffffff, 0 0 10px 25px #64B0D9;
}



.star1 {
	left: 26.45%;
	top: 20.7vw;
}
.star2 {
	left: 34.68%;
	top: 7.75vw;
}
.star3 {
	left: 47.42%;
	top: 6.25vw;
}
.star4 {
	left: 61.08%;
	top: 17.5vw;
}
.star5 {
	left: 46.35%;
	top: 22.65vw;
}


.intro_over .star1{
  animation: star1 3.5s infinite;
	animation-delay: 0.5s;
}

@keyframes star1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
100% {
    opacity: 1;
  }
}

.intro_over .star2 {
  animation: star2 3.5s infinite;
	animation-delay: 1.5s;
}

@keyframes star2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
100% {
    opacity: 1;
  }
}

.intro_over .star3 {
  animation: star3 3s infinite;
	animation-delay: 0.5s;
}

@keyframes star3 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
100% {
    opacity: 1;
  }
}

.intro_over .star4 {
  animation: star4 2.5s infinite;
	animation-delay: 1.5s;
}

@keyframes star4 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
100% {
    opacity: 1;
  }
}

.intro_over .star5 {
  animation: star5 3.5s infinite;
	animation-delay: 1s;
}

@keyframes star5 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
100% {
    opacity: 1;
  }
}



#flyin_ct {
	position: absolute;
	left: 0;
	padding: 0 80px;
	height: auto;
	width: 100%;
	text-align: center;
	top: 45vh;
	opacity: 0;
	z-index: 10;
	transition: opacity 3s;
}

#flyin_ct.active {
	opacity: 1;
}

#flyin_ct img {
	height: auto;
	width: 0%;
	max-width: 0%;
	transition: all 3s;
}

#flyin_ct.active img {
	width: 100%;
	max-width: 100%;
}



.finden_ct {
	position: absolute;
	bottom: 100px;
	text-align: center;
	width: 100%;
}

.finden_inner {
	display: inline-block;
	position: relative;
	text-align: left;
}

.finden_box {
	float: left;
	display: inline-block;
	width: 310px;
	border-left: 1px solid #505A64;
	border-bottom: 1px solid #505A64;
	border-top: 1px solid #505A64;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 5px;
	position: relative;
	height: 80px;
}

.finden_box.item2 {
	border-left: 1px solid rgba(0,0,0,0);
}

.finden_box.item2::before {
	content: "";
	position: absolute;
	background-color: #505A64;
	width: 1px;
	height: 70%;
  	top: 15%;
}


.finden_box_titel {
	position: absolute;
}

.finden_box input {
	background-color: transparent;
	color: #fff;
	border: none;
	font-weight: 400;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	font-family: futura-pt,sans-serif;
	width: 100%;
	text-align: center;
}

.finden_box_titel {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1.6rem;
	position: relative;
	font-family: futura-pt-bold,sans-serif;
	font-weight: 700;
	display: inline-block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 7px;
	width: 100%;
}






#ct_gebaeude {
	padding-top: 40px;
}

#hg_gebaeude {
	position: absolute;
	max-width: 1400px;
	height: auto;
	z-index: 0;
	right: -300px;
}

#ct_gebaeude .row1 .text_ct {
	padding-right: 40px;
	display: inline-block;
}

#ct_gebaeude .row1 h3 {
	margin-left: -120px;
}

#ct_gebaeude .col_right.row1 {
	padding-top: 540px;
	padding-bottom: 60px;
}

#img1_geb {
	position: absolute;
	top: 0;
	z-index: -1;
}

#geb_stier {
	width: 80%;
	margin-left: -8%;
}



#img2_geb {
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	top:0;
	position: absolute;
}

#ct_gebaeude .row2 {
	padding-top: 20px;
}

#ct_gebaeude .row2.col_left {
	padding-bottom: 540px;
	margin-top: 22px;
	width: 46%;
}

#ct_gebaeude .row2.col_right {
	width: 54%;
}

#ct_gebaeude .row2 .text_ct {
	padding-left: 50px;
	display: inline-block;
}



#ct_lage .row1.col_left {
	padding-right: 80px;
}

#ct_lage .row1 h3 {
	margin-left: -120px;
}

#ct_lage #img1_lage {
	position: absolute;
}

#ct_lage .row1 {
	padding-bottom: 120px;
}

#ct_lage .row2.col_left {
	text-align: right;
}

#ct_lage .row2.col_right {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 15;
}

#ct_lage .row2.col_right a {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 15;
	left: 0;
	top: 0;
}

#ct_lage .lage_entf {
	width: 100%;
	max-width: 650px;
	display: inline-block;
	text-align: left;
	font-family: futura-pt-bold,sans-serif;
	font-weight: 700;
	font-size: 1.7rem;
}

#ct_lage .lage_entf_box {
	width: 50%;
	float: left;
	display: inline-block;
	padding-bottom: 80px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
}
#ct_lage .lage_entf_box.secondcol {
	padding-left: 40px;
	padding-right: 20px;
}

#ct_lage .entf_icon {
	height: 140px;
	width: auto;
	margin-bottom: 20px;
}

#ct_lage .tx_entf_large {
	font-size: 3.6rem;
	line-height: normal;
	letter-spacing: 0.06em;
}

#ct_lage .tx_entf_small {
	font-size: 2.1rem;
	font-family: "futura-pt",sans-serif;
}

#ct_lage .lage_inner_row2 {
	display: flex;
}



#ct_lage #map_bpb {
	position: absolute;
	width: 100%;
	height: 100%;
}

#hg_lage {
	position: absolute;
	max-width: 1200px;
	height: auto;
	z-index: 0;
	left: -700px;
	top: -800px;
	margin-top: 0px;
}

#hg_lage2 {
	position: absolute;
	width: 100%;
	max-width: 100%;
	height: auto;
	left: 0;
	top: -700px;
	z-index: 0;
}

#hg_lage3 {
	position: absolute;
	width: 100%;
	max-width: 1600px;
	height: auto;
	left: 50%;
	margin-left: -1200px;
	margin-top: -400px;
	z-index: 1;
}


#ct_flaechen {
	padding: 80px 0px;
	background-color: #1F2830;
}
#ct_flaechen h4 {
	color: #FFF;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.33;
	margin-bottom: 31px;
}
#ct_flaechen h3 {
	text-align: center;
}

#ct_flaechen #iso_main_ct {
	position: relative;
	text-align: center;
	padding: 60px 0px 40px 0px;
}

#ct_flaechen #iso_main_inner {
	width: 100%;
	max-width: 1000px;
	position: relative;
	display: inline-block;
}

#ct_flaechen #iso_main {
	width: 100%;
	height: auto;
}

.isolg_item {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: auto;
	transition: all 0.5s;
}

#isolg_clear {
	opacity: 1;
}

.f_eg #isolg_clear, .f_og1 #isolg_clear, .f_og2 #isolg_clear, .f_og3 #isolg_clear, .f_og4 #isolg_clear {
	opacity: 0;
}

.f_eg #isolg_f_eg {
	opacity: 1;
}

.f_og1 #isolg_f_og1 {
	opacity: 1;
}

.f_og2 #isolg_f_og2 {
	opacity: 1;
}

.f_og3 #isolg_f_og3 {
	opacity: 1;
}

.f_og4 #isolg_f_og4 {
	opacity: 1;
}


.icon_flist {
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
	margin-top: -6px;
	background-image: url(../img//arrow_down.svg);
	background-color: #505A64;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60% auto;
	-webkit-border-radius: 100px;
border-radius: 100px;
	transition: all 0.5s;
}

.f_eg #ifl_f_eg, .f_og1 #ifl_f_og1, .f_og2 #ifl_f_og2, .f_og3 #ifl_f_og3, .f_og4 #ifl_f_og4 {
	-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}


.odi_f_og3::before {
	content: "Musterbüro CHF 305.-/m2 p.a. voll ausgebaut, inklulsiv Mobiliar";
	position: absolute;
	font-size: 1.4rem;
	display: inline-block;
	text-align: left;
	z-index: 10;
	width: 190px;
	margin-left: 630px;
	margin-top: 230px;
}






#ct_mieter {
	padding: 80px 0px 20px 0px;
}

#ct_mieter .ct_content {
	text-align: center;
}

#ct_mieter .tx_mieter_teaser {
	line-height: 150%;
	display: inline-block;
	padding: 0 220px;
	padding-bottom: 40px;
}

#ct_mieter .tx_mieter {
	font-family: futura-pt-bold,sans-serif;
	line-height: 160%;
	font-weight: 700;
}

.tx_mieter a {
	border-bottom: 2px solid rgba(255,255,255,0);
	transition: all 0.5s;
}

.tx_mieter a:hover {
	border-bottom: 2px solid rgba(255,255,255,1);
}





#ct_raumideen {
	padding: 80px 0px 80px 0px;
}

#ct_raumideen .ct_content, #ct_panotour .ct_content {
	text-align: center;
}

#ct_raumideen .tx_raumideen {
	line-height: 150%;
	display: inline-block;
	padding: 0 60px;
	padding-bottom: 80px;
}

#hg_raumideen1 {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	z-index: 0;
}


.fs_st_ct {
	font-family: futura-pt-bold,sans-serif;
	font-weight: 700;
	font-size: 6.8rem;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 120px;
}

.fs_st_left, .fs_st_right {
	width: 50%;
	float: left;
	letter-spacing: 0.05em;
}

#iframe_toro1 {
	width: 100%;
	height: 60vh;
}

.iframe_ct {
	padding-bottom: 120px;
}

#ct_raumideen .row2.col_left {
	height: 50vh;
	min-height: 600px;
}

#ct_raumideen .row2.col_right {
	text-align: left;
}

#ct_raumideen .row2.col_right .inner_musterbuero {
	width: 100%;
	max-width: 650px;
	display: inline-block;
	padding: 20px 60px;
	text-align: center;
}

#hg_raumideen2 {
	position: absolute;
	width: 100%;
	max-width: 1600px;
	height: auto;
	left: 50%;
	margin-left: -400px;
	margin-top: -600px;
	z-index: -1;
}

#hg_raumideen3 {
	position: absolute;
	width: 100%;
	max-width: 1600px;
	height: auto;
	left: 50%;
	margin-left: -600px;
	margin-top: -800px;
	z-index: -1;
}


#ct_panotour {
	padding-top: 2em;
}



#ct_musterbuero {
	padding-top: 150px;
}

#ct_musterbuero .ct_content {
	text-align: center;
}

#ct_musterbuero .row2{
	padding-bottom: 60px;
}

#ct_musterbuero .row2 .inner_musterbuero {
	width: 100%;
	max-width: 900px;
	display: inline-block;
	padding: 0px 60px 20px 0px;
	text-align: center;
	position: relative;
}

#ct_musterbuero .inner_musterbuero::before {
	content: "Musterbüro CHF 305.-/m2 p.a. voll ausgebaut, inklulsiv Mobiliar";
	position: absolute;
	font-size: 1.5rem;
	display: inline-block;
	text-align: left;
	z-index: 10;
	width: 200px;
	left: 0;
	margin-left: 76%;
	margin-top: 33%;
}



#ct_musterbuero .row3 .ct_content {
	height: 50vh;
	min-height: 600px;
	padding-left: 7px;
	padding-right: 16px;
}











#ct_impressionen {
	padding: 80px 0px 80px 0px;
	text-align: center;
}

.impbox {
	width: 32.5%;
	display: inline-block;
	float: left;
	padding-top: 20%;
	margin: 0.625% 0%;
	opacity: 1;
-webkit-box-shadow: 0 0 40px 0 rgba(55,173,236,0);
	box-shadow: 0 0 40px 0 rgba(55,173,236,0);
	transition: all 0.5s;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.imps_ct a:nth-of-type(3n + 2) .impbox {
	margin-left: 1.25%;
	margin-right: 1.25%;
}
/*
#impbox1 {
	background-image: url(/../img/toro_imp_n1.jpg);
	background-image: url(/wp-content/uploads/2022/02/toro_imp_n1.jpg);
	background-image: url(../img/21.053.GLA_.frei_P0026306-scaled.jpg);
}
#impbox2 {
	background-image: url(../img/toro_imp_n2.jpg);
}
#impbox3 {

	background-image: url(../img/21.053.GLA_.frei_P0026272-scaled.jpg);
}
#impbox4 {
	background-image: url(../img/toro_imp_n4b.jpg);
}
#impbox5 {
	background-image: url(../img/toro_imp_n5b.jpg);
}
#impbox6 {

	background-image: url(../img/21.053.GLA_.frei_P0026337-scaled.jpg);
}
#impbox7 {
	background-image: url(../img/toro_imp_n7.jpg);
}
#impbox8 {

	background-image: url(../img/21.053.GLA_.frei_P0026266-scaled.jpg);
	
}
#impbox9 {

	background-image: url(../img/21.053.GLA_.frei_P0020557-scaled.jpg);
}*/

.impbox:hover {
	-webkit-box-shadow: 0 0 40px 0 rgba(55,173,236,0.6);
	box-shadow: 0 0 40px 0 rgba(55,173,236,0.6);
}

.um-form {
	position: relative;
}
.um-form .um-col-alt {
	display: inline-block !important;
	margin: 0;
	position: absolute;
	top: 23px;
	right: 10px;
}
.um-form .um-col-alt #um-submit-btn {
	min-width: unset !important;
	max-width: 166px !important;
	padding: 20px 27px !important;
}
#um-submit-btn {
	color: #FFF;
	font-size: 18px  !important;
	font-weight: 700 !important;
	background-color: #1F2830 !important;
	border-radius: 0 !important;
	height: 64px !important;
	border: 2px solid #1F2830 !important;
}
#um-submit-btn:hover {
	background-color: #FFF !important;
	color: #1F2830 !important;
	box-shadow: none;
	border: 2px solid #505A64 !important;
}
#user_email-121 {
	height: 80px !important;
	padding: 10px 186px 10px 10px !important;
	color: #383838 !important;
	font-size: 18px !important;
	font-style: normal !important; 
	font-weight: 400 !important;
	line-height: 1.55 !important; /* 155.556% */
}
.wincasa-info {
	margin-top: 34px;
	max-width: 209px;
	margin: 34px auto 0 auto;
}
.wincasa-wrapper .wincasa-info {
	max-width: unset !important;
	max-width: 591px !important;
	margin: 0 auto !important;
}
.wincasa-alarm {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 120px;
	padding-bottom: 127px;
}
.wincasa-alarm::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #1F2830;
	opacity: 0.72;
}
.wincasa-info h4 {
	font-size: 32px;
}
.error-img-box {
	max-width: 300px;
}
.wincasa-info a {
	font-weight: 700;
	margin-top: 15px;
	font-size: 19px;

	
}
.wincasa-info a .link-text {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	transition: all 0.5s;

}
.wincasa-info a:hover .link-text {
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.wincasa-info a img {
	margin-right: 5px;
}
#ct_kontakt {
	padding-top: 120px;
	padding-bottom: 31px;
}
#ct_kontakt .footer-links {
	padding-top: 160px;
	text-align: center;

}
.devider {
	margin-left: 7px;
	margin-right: 7px;
}
#ct_kontakt .footer-links a {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	transition: all 0.5s;
}

#ct_kontakt .footer-links a:hover {
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}
#ct_kontakt .text_lead {
	text-align: center ;
}
#ct_kontakt .col_left {
	width: 60%;
	float: left;
}

#ct_kontakt .col_right {
	width: 40%;
	padding-left: 50px;
	padding-top: 0px;
	float: left;
	line-height: 150%;
	text-align: center;
}

#hg_kontakt {
	position: absolute;
	width: 100%;
	max-width: 1600px;
	height: auto;
	left: 50%;
	margin-left: -50px;
	margin-top: -600px;
	z-index: -1;
}

.img1_contact {
	width:60%;
	margin-top: 30px;
	margin-bottom: 30px;
}


#prt_mj_auge {
	position: relative;
	width: 60%;
	margin-bottom: 30px;
	margin-top: 20px;
	max-width: 260px;
	display: inline-block;
}

#prt_mj_auge img {
	-webkit-border-radius: 100px;
	border-radius: 100px;
	
}

.prt_mj_auge_spacer {
	position: relative;
	width: 100%;
	padding-top: 100%;
}

#prt_augeauf, #prt_augezu {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
}

#prt_augezu {
	opacity: 0;
	z-index: 2;
  animation: zwinker 7s infinite;
}

@-webkit-keyframes zwinker {
    0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
	51% {
    opacity: 1;
  }
	52% {
    opacity: 1;
  }
	53% {
    opacity: 0;
  }
100% {
    opacity: 0;
  }
}

@keyframes zwinker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
	51% {
    opacity: 1;
  }
	52% {
    opacity: 1;
  }
	53% {
    opacity: 0;
  }
100% {
    opacity: 0;
  }
}






#logo_cbre_kontakt {
	margin-bottom: 20px;
	height: 40px;
}

#ct_kontakt .col_right a:hover {
	text-decoration: underline;
}





#datenschutz_wrapper {
	margin-top: 20px;
	font-size: 1.4rem;
}


#ct_footer {
	background-color: #323F4D;
	color: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
	font-size: 1.6rem;
	line-height: 160%;
}

#ct_footer a {
	color: #fff;
}

#logo_cbre_footer {
	height: 40px;
	width: auto;
}

#ct_footer .col1 {
	float: left;
	width: 20%;
}

#ct_footer .col2 {
	float: left;
	width: 60%;
}

#ct_footer .col3 {
	float: left;
	width: 20%;
}



/* flaechenliste */










#olist_ct .obj_details {
	display: none;
	position: relative;
	text-align: center;
	height: 800px;
	padding-top: 30px;
	cursor: default;
}

#olist_ct .obj_details .img_fw {
	max-height: 500px;
	width: auto;
	display: inline-block;
}

#olist_ct .obj_details .obj_details_content {
	padding-top: 20px;
}


#olist_ct .obj_details .obj_details_left, #olist_ct .obj_details .obj_details_right {
	float: left;
	width: 50%;
	padding: 0px 60px;
}

#olist_ct .obj_details .obj_details_left {
	padding-top: 50px;
}

#olist_ct .obj_details .obj_details_base {
	height: auto; 
	width: auto;
}

#olist_ct .obj_details .btn_default {
	margin-top: 30px;
}

#olist_ct .wpff_row {	
	font-size: 1.8rem;
	border-bottom: 2px solid #505A64;
	cursor: pointer;
	cursor: hand;
}

#olist_ct .row.first {
	font-family: futura-pt-bold,sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #fff;
	border: 2px solid #505A64;
	padding: 5px 0;
	font-size: 1.8rem;
	text-transform: uppercase;
}


#olist_ct .col {
	float: left;
	display: inline-block;
	text-align: center;
	padding: 15px 4px 2px 4px;
	height: 50px;
	transition: all 0.5s;
}



#olist_ct .first .col0, #olist_ct .first .col1, #olist_ct .first .col2, #olist_ct .first .col3, #olist_ct .first .col4  {
	color: #fff;
}


#olist_ct .col0 {
	width: 10%;
	text-align: left;
}

#olist_ct .vermietet .col0 {
	opacity: 0;
}




#olist_ct .col1 {
	width: 15%;
	text-align: left;
	padding-left: 10px;
}

#olist_ct .col2 {
	width: 35%;
}

#olist_ct .col3 {
	width: 20%;
}

#olist_ct .col4 {
	width: 20%;
}

#olist_ct .wpff_row:hover .col {
	background-color: #505A64;
}

#olist_ct .wpff_row.vermietet:hover .col {
	background-color: transparent;
	cursor: default;
}

#olist_ct .button_type3, .mb_button .button_type3  {
	font-size: 1.6rem;
	margin-top: 20px;
	width: 200px;
	height: 50px;
	padding-top: 14px;
}

#ct_gebaeude .button_type3  {
	font-size: 1.6rem;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 240px;
	height: 50px;
	padding-top: 10px;
}

.ui-button {
	border: 1px solid #0A2E4B;
	background-color: #fff !important;
	color: #0A2E4B !important;
	border-radius: 0 !important;
}

.ui-button .ui-icon {
	background-image: url(../../plugins/match_wpff/assets/icon_arrow_down_off.svg) !important;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	background-color: #0A2E4B !important;
}

#sel_gebteil-menu, #sel_etage-menu {
	background-color: #E9F7FA;
	border: none;
}

.ui-menu .ui-menu-item-wrapper {
	padding: 7px 15px !important;
	font-size: 1.4rem !important;
	font-weight: 700;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
	font-weight: 700;
}

.ui-corner-bottom {
	border-radius: 0 !important;
}



#fwm_ct {
	position: fixed;
	top: 45%;
	right: 10px;
	z-index: 20;
}

#fwm_ct ul {
	list-style: none;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.1em;
}

#fwm_ct ul li {
	display: block;
	padding: 2px 0px 2px 0px;
	min-width: 40px;
}

#fwm_ct ul li::after {
	content: "";
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	position: relative;
	display: inline-block;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	right: 10px;
	z-index: -1;
}

#fwm_ct ul li a {
	display: none;
	padding-right: 15px;
}

#fwm_ct ul li:hover a {
	display: inline-block;
	color: rgba(255,255,255,0.7);
}

#fwm_ct ul li:hover::after {
	background-color: rgba(255,255,255,0.4);
}

#fwm_ct ul li.active a {
	display: inline-block;
	color: #fff;
}
#fwm_ct ul li.active::after {
	background-color: rgba(255,255,255,1);
}

#intro_arrow_down {
	position: absolute;
	z-index: 10;
	height: auto;
	width: 40px;
	left: 50%;
	margin-left: -20px;
	bottom: 20px;
	opacity: 0.4;
	transition: all 0.5s;
}

#intro_arrow_down:hover {
	opacity: 1;
}

.mm_openclose {
	width: 30px;
	height: 30px;
	position: fixed;
	right: 30px;
	top: 25px;
	cursor: pointer;
	cursor: hand;
	z-index: 30;
	background-color: rgba(255,255,255,0);
}

.mmline {
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.7);
	position: relative;
	margin-top: 8px;
	opacity: 1;
	transition: all 0.5s;
}

.mmopen .mmline {
	background-color: #49535C;
}

.mmopen .mmline1 {
	-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.mmopen .mmline2 {
	opacity: 0;
}

.mmopen .mmline3 {
	-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
	margin-top: -10px;
}


.mm_openclose:hover .mmline {
	background-color: rgba(255,255,255,1);
}

.mm_menu {
	position: fixed;
	top: 0;
	right: -360px;
	width: 360px;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url('../img/bg_menu.svg');
	height: 100vh;
	text-align: right;
	z-index: 25;
	padding-right: 30px;
	padding-top: 160px;
	transition: all 0.5s;
}
.mm_menu li {
	list-style: none;
}
.mmopen .mm_openclose:hover .mmline {
	background-color: #49535C;
}

.mmopen .mm_menu {
	right: 0px;
}

.mm_menu a {
	font-size: 2.4rem;
	font-family: futura-pt-bold,sans-serif;
	font-weight: 700;
	margin-top: 30px;
	display: inline-block;
	transition: all 0.5s;
}

.mm_menu a:hover {
	padding-right: 10px;
}


	
/*------------------------------------*\
    IMAGES
\*------------------------------------*/

/* Flexslider */


.flexslider, .slides, .slides li {
	width: 100%;
	height: 100%;
}


.fs_slide {
	width: 100%;
	height: 100%;
	display: inline-block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}


.flex-viewport{
    position: absolute;
    width: 100%;
    height: 100%;
	z-index: 1;
}



#flexslider_home .flex-direction-nav a::before {
	content: "";
	width: 40px;
	height: 40px;
	background-image: url(../img/arrow_right.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#flexslider_home .flex-direction-nav a.flex-prev::before {
	background-image: url(../img//arrow_left.svg);
}

#flexslider_home .flex-direction-nav a {
	width: 40px;
	height: 40px;
}

#flexslider_home .flex-direction-nav .flex-next {
	right: -40px !important;
	opacity: 0.6;
}

#flexslider_home .flex-direction-nav .flex-next:hover {
	opacity: 1;
}

#flexslider_home .flex-direction-nav .flex-prev {
	left: -40px !important;
	opacity: 0.6;
}

#flexslider_home .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}

.flexslider {
	position:  relative;
	width: 100%;
	height:  400px;
	border: none !important;
	margin: 0px !important;
	background-color: transparent !important;
	border-radius: 0 !important;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.flexslider_ri {
	width: 100%;
	height: 100%;
}

.flexslider_ri .slides li a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.flexslider_ri .flex-direction-nav a::before {
	content: "";
	width: 40px;
	height: 40px;
	background-image: url(../img//arrow_right.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.flexslider_ri .flex-direction-nav a.flex-prev::before {
	background-image: url(../img//arrow_left.svg);
}

.flexslider_ri .flex-direction-nav a.flex-next::before {
	content: "";
}

.flexslider_ri .flex-direction-nav a {
	width: 40px;
	height: 40px;
}

.flexslider_ri .flex-direction-nav .flex-next {
	right: 20px !important;
	opacity: 0.8;
}

.flexslider_ri .flex-direction-nav .flex-next:hover {
	opacity: 1;
}

.flexslider_ri .flex-direction-nav .flex-prev {
	left: 20px !important;
	opacity: 0.8;
}

.flexslider_ri .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}






#fshome_cfleft {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 2;
	cursor: url(../img/cursor_left.html) 26 16, auto;
}

#fshome_cfright {
	position: absolute;
	width: 50%;
	height: 100%;
	left: 50%;
	z-index: 2;
	cursor: url(../img/cursor_right.html) 26 16, auto;
}

.comp_slider_ct {
	width: 100%;
	height: 100%;
	position: absolute;
}

.cs_left {
	position: absolute;
	width: 48%;
	height: 100%;
	top: 0;
	left: 1%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.cs_right {
	position: absolute;
	width: 48%;
	height: 100%;
	top: 0;
	right: 1%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}




/* Lightbox */

#lightbox_layer {
	display: none; 
	z-index: 999; 
	position: fixed; 
	width: 100%; 
	height: 100%;
}

#lightbox_bg {
	width: 100%; 
	height: 100%; 
	background-color: rgba(0,0,0,0.8); 
	position: fixed;
}

#lightbox_dots span {
	display: inline-block; 
	width: 8px; 
	height: 8px; 
	border-radius: 4px;
	background-color: rgb(180,180,180);
	background-color: rgba(255,255,255,0.4);
	margin: 8px 4px;
}

#lightbox_dots span.active {
	background-color: rgba(255,255,255,1);	
}


#lightbox_center {
	position: relative;	
}

#lightbox_center img {
	width: 100%;
}



#lba_prev, #lba_next, #lba_close {
	position: absolute;
	z-index:500;
	transition: all 0.5s;
	color: rgba(58,58,57,0.5);
	cursor: pointer;
	cursor: hand;
	height: 40px;
	width: 25px;
	opacity: 0.7;
}

#lba_prev:hover, #lba_next:hover, #lba_close:hover {
	color: rgba(58,58,57,1);
	opacity: 1;
}


#lba_prev {
	font-size: 40px;
	top: 50%;
	margin-top: -20px;
	left: -45px;	
}

#lba_next {
	font-size: 40px;
	top: 50%;
	margin-top: -20px;
	right: -43px;
}

#lba_close {
	font-size: 40px;
	top: 10px;
	right: -38px;
	margin-top: -20px;
}






/* Kontakt Formular */





input[type="checkbox"], input[type="radio"] {
	display: none;
}

.wpcf7-list-item label {
	cursor: pointer;
	cursor: hand;
	font-size: 1.6rem;
	margin-right: 30px;
	line-height: 175%;
}



label input[type="checkbox"] + span::before, label input[type="radio"] + span::before {
	content: " ";
	font-size: 1.6rem;
	width: 19px;
	height: 19px; 
	background-color: transparent; 
	border: 2px solid #505A64;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	display: inline-block; 
	margin-left: 0px;
	margin-right: 10px; 
	margin-bottom: 8px;
	margin-top: 5px;
	vertical-align: middle;
}

input[type="checkbox"] + label span {
	/*-webkit-border-radius: 0px;
	border-radius: 0px;*/
}

label input[type="checkbox"]:checked + span::before, label input[type="radio"]:checked + span::before {
	content: " ";
	/*background-image: url(ico_check.jpg);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #505A64;
}



#contactform_wrapper input[type="text"], #contactform_wrapper input[type="email"], textarea, select {
	padding: 10px 8px 8px 10px;
	width: 100%;
	background-color: rgba(255,255,255,0); 
	border: 2px solid #505A64;
	font-family: futura-pt,sans-serif;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
	color: #fff;
	font-weight: 600;
	margin-top: 0px;
	transition: all 0.5s;
	-webkit-appearance: none;
border-radius: 0
}

.cnt_label {
	display: block;
	font-size: 1.6rem;
	padding-bottom: 5px;
}


.cfbox {
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.cfbox br  {
	display: none;
}

.cfbox p {
    margin: 0em 0;
}

.cfbox_half {
	width: 50%;
	display: inline-block;
	float: left;
}


.cfbox label {
	width: 100%;
	display: inline-block;
	font-size: 16px;
}




select {
	padding-left: 5px;
}

textarea {
	width: 100%;
	max-height: 150px;
}


#contactform_wrapper input[type="text"]:focus, #contactform_wrapper input[type="email"]:focus, textarea:focus {
	background-color: rgba(255,255,255,0);
	border: 2px solid rgba(255,255,255,0.8);
	outline: none;
}

input[type="submit"], input[type="reset"] {
	background-color: transparent;
	color: #fff;
	text-transform: uppercase;
	border: 2px solid #505A64;
	padding: 10px 25px;
	min-width: 240px;
	float: none;
	font-family: futura-pt-bold,sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 50px;
	cursor: pointer;
	cursor: hand;
	font-size: 1.6rem;
	margin-top: 60px;
	width: 200px;
	height: 55px;
	padding-top: 14px;
	transition: all 0.5s;
	-webkit-appearance: none;
border-radius: 0
}

input[type="submit"]:hover, input[type="reset"]:hover {
	background-color: #fff;
	border: 2px solid #fff;
	color: #323F4D;
	-webkit-box-shadow: 0 0 25px 0 rgba(55,173,236,1);
	box-shadow: 0 0 25px 0 rgba(55,173,236,1);
}


#datenschutz_wrapper {
	float: left;
	padding-left: 25px;
	font-size: 14px;
	line-height: normal;
}

.wpcf7-acceptance label {
	font-size: 1.4rem;
	line-height: normal;
	margin-right: auto;
}


.wpcf7-acceptance a {
	font-size: 1.4rem;
	line-height: normal;
	font-weight: 600;
}

#datenschutz_wrapper input[type="checkbox"] + label span {
	margin-top: 0px;
}

input[type="checkbox"] + label span {
	position: absolute;
	margin-left: -25px;
	margin-top: 7px;
}




form input.hlt, form select.hlt {
	background-color: rgba(255,0,0,0.2);
}

.hpt {
	display: none;
}

.wpcf7-response-output {
	border: none !important;
	background-color: #505A64 !important;
	padding: 20px !important;
	font-weight: bold !important;
	color: #ffffff !important;
	font-size: 2rem;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

span.wpcf7-list-item {
	margin: 0 !important;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h3 {
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	font-family: futura-pt-bold,sans-serif;
	font-size: 10rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 110%;
	font-weight: 700;
	padding-bottom: 0.25em;
}

h4 {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	font-size: 4.8rem;
	line-height: 120%;
	font-weight: 600;
}

.text_box_text {
	line-height: 160%;
}



.button_type1 {
	color: #fff;
	background-color: #505A64;
	height: 80px;
	font-size: 2.4rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: futura-pt-bold, sans-serif;
	font-weight: 700;
	font-style: normal;
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 30px;
	display: inline-block;
	cursor: pointer;
	cursor: hand;
	transition: all 0.5s;
	position: relative;
	z-index: 10;
}

.button_type1:hover {
	background-color: #323F4D;
	color: #fff;
}

.button_type2 {
	color: #163244;
	border: 2px solid #163244;
	background-color: transparent;
	height: 64px;
	font-size: 2.1rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding-top: 16px;
	width: 300px;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	cursor: hand;
	transition: all 0.5s;
}

.button_type2:hover {
	background-color: #163244;
	color: #fff;
}

.button_type3 {
	color: #ffffff;
	border: 2px solid #505A64;
	background-color: transparent;
	height: 64px;
	font-size: 2.1rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding-top: 16px;
	width: 300px;
	font-family: futura-pt-bold, sans-serif;
	font-weight: 700;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	cursor: hand;
	-webkit-box-shadow: 0 0 15px 0 rgba(55,173,236,0);
	box-shadow: 0 0 15px 0 rgba(55,173,236,0);
	transition: all 0.5s;
}

.button_type3:hover {
	background-color: #fff;
	border: 2px solid #fff;
	color: #323F4D;
	-webkit-box-shadow: 0 0 25px 0 rgba(55,173,236,1);
	box-shadow: 0 0 25px 0 rgba(55,173,236,1);
}

#ct_page {
	padding-top: 150px;
	padding-bottom: 100px;
}

.page-template-default #fwm_ct {
	display: none;
}

.col_box_ct {
	position: relative;
	padding-bottom: 120px;
}

.col_box_left_ct {
	position: relative;
	float: left;
	width: 49%;
}

.col_box_right_ct {
	position: relative;
	float: right;
	width: 49%;
}

.col_box_left, .col_box_right {
	position: relative;
	padding-top: 60%;
}

#iframe_toro1_kombi {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.flexslider_ri {
	position: absolute !important;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.pano_wrapper {
	width: 100%;
	padding-top: 57%;
	position: relative;
}

.pano_wrapper iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1600px) {

	#ct_gebaeude .row1 h3, #ct_lage .row1 h3 {
		margin-left: 0;
	}
	
	#hg_lage {
		left: -500px;
	}
	
	
}

@media only screen and (max-width:1500px) {
	
	.ct_wrapper, #ct_impressionen {
		padding-left: 100px;
		padding-right: 100px;
	}
	
	#ct_lage.ct_wrapper {
		padding-right: 0;
	}
	
	#ct_lage .ct_content {
		padding-right: 100px;
	}

	#ct_flaechen {
		padding: 80px 100px;
	}
	
	
	#ct_lage .lage_entf_box {
		padding-bottom: 40px;
	}
	
	#ct_lage .entf_icon {
		height: 100px;
	}
	
	#ct_lage .tx_entf_large {
		font-size: 3.2rem;
	}
	
	#ct_lage .tx_entf_small {
		font-size: 1.8rem;
	}
}



@media only screen and (max-width: 1240px) {
	
	#ct_header.ct_wrapper {
		padding: 0px;
	}
	
	h3 {
		font-size: 6rem;
	}
	
	#fwm_ct {
		display: none;
	}
	
	#ct_lage .lage_inner_row2 {
		display: inline-block;
	}
	
	#ct_lage .row2.col_left {
		width: 100%;
		padding-right: 100px;
		padding-left: 100px;
	}
	
	#ct_lage .row2.col_right {
		height: 65vh;
		min-height: 650px;
		width: 100%;
		margin-bottom: -5px;
	}
	
	#ct_lage .lage_entf {
		max-width: 100%;
	}
	
	#ct_lage .lage_inner_row2 {
		display: inline-block;
		width: 100%;
	}
	
	#ct_lage.ct_wrapper {
		padding-left: 0;
	}
	
	#ct_lage .ct_content {
		padding-left: 100px;
	}
	

	
		#ct_footer .col1 {
		width: 30%;
	}
	
	#ct_footer .col2 {
		width: 50%;
	}
	
	main {
		padding-top: 10vh;
	}
	
	#ct_intro, #ct_intro .ct_content, #ct_intro .ct_inline {
		min-height: 90vh;
	}
	
	#ct_gebaeude .col_right.row1 {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	#img1_geb {
		position: relative;
	}
	
	#geb_stier {
		margin-left: 5%;
		margin-top: -30px;
	}
	
	.fs_st_ct {
		font-size: 4.8rem;
	}
	
}


@media only screen and (max-width: 1000px) {
	
	.col_left, .col_right, #ct_gebaeude .row2.col_right, #ct_gebaeude .row2.col_left {
		width: 100%;
	}
	
	#img2_geb, #ct_lage #img1_lage {
		position: relative;
	}
	
	#ct_gebaeude .row2.col_left {
		padding-bottom: 20px;
		margin-top: 20px;
	}
	
	#ct_gebaeude .row2 .text_ct {
		padding-left: 0;
	}
	
	#ct_lage .row1.col_left {
		padding-right: 0;
		padding-bottom: 30px;
	}
	
	#ct_lage h3 br {
		display: none;
	}
	
	#ct_lage .row1 {
		padding-bottom: 40px;
	}
	
	#olist_ct .row.first {
		font-size: 1.4rem;
	}
	
	#olist_ct .wpff_row {
		font-size: 1.4rem;
	}
	#olist_ct .obj_details .obj_details_left {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#ct_musterbuero .row3 .ct_content {
		min-height: auto;
	}
	

	
	main {
		font-size: 1.8rem;
	}
	
	#ct_kontakt .col_right {
		padding-left: 30px;
	}
	
	#ct_gebaeude .col_right.row1 {
		padding-top: 50px;
	}
	
	#ct_page {
	padding-top: 80px;
	padding-bottom: 60px;
}
	
	
}

@media only screen and (max-width: 760px) {
	
		.ct_wrapper, #ct_impressionen {
		padding-left: 50px;
		padding-right: 50px;
	}

	#ct_lage .ct_content {
		padding-right: 50px;
	}

	#ct_flaechen {
		padding: 50px 50px;
	}
	
	#ct_lage .row2.col_left {
		padding-right: 50px;
		padding-left: 50px;
	}
	
	#ct_lage .ct_content {
		padding-left: 50px;
	}
	
	
	
	
	#ct_musterbuero {
		padding-top: 80px;
	}
	
	#ct_kontakt .col_left {
		width: 100%;
	}
	
	#ct_kontakt .col_right {
		width: 100%;
		padding-left: 0;
		padding-top: 80px;
	}
	
	.img1_contact {
		max-width: 300px;
	}
	
	#ct_musterbuero .row3 .ct_content {
		height: 40vh;
		padding-left: 0;
		padding-right: 0;
	}
	
	#ct_musterbuero .row2 .inner_musterbuero {
		padding-right: 0px;
	}
	
	#ct_musterbuero .inner_musterbuero::before {
		width: 165px;
		margin-left: 81%;
		margin-top: 35%;
		font-size: 1.2rem;
	}
	
	#ct_lage .row2.col_right {
		background-size: cover;
		min-height: auto;
		height: 50vh;
	}
	
	main {
		padding-top: 20vh;
	}
	
	#ct_intro, #ct_intro .ct_content, #ct_intro .ct_inline {
		min-height: 80vh;
	}
	
	#ct_lage .tx_entf_small {
		font-size: 1.6rem;
	}
	
	#ct_lage .tx_entf_large {
		font-size: 2.4rem;
	}
	
	#ct_mieter .tx_mieter_teaser {
		padding: 0;
		padding-bottom: 30px;
	}
	
	#ct_lage .entf_icon {
		height: 90px;
	}
	
	.fs_st_ct {
		font-size: 2.4rem;
	}
	
	.col_box_left_ct, .col_box_right_ct {
		width: 100%;
		float: none;
		padding: 10px 20px;
	}
	
}


@media only screen and (max-width: 680px) {
	
	#ct_header .ct_content {
		padding: 0px 25px;
	}
	
		.ct_wrapper, #ct_impressionen {
		padding-left: 25px;
		padding-right: 25px;
	}

	#ct_lage .ct_content {
		padding-right: 25px;
	}

	#ct_flaechen {
		padding: 50px 25px;
	}
	
	#ct_lage .row2.col_left {
		padding-right: 25px;
		padding-left: 25px;
	}
	
	#ct_lage .ct_content {
		padding-left: 25px;
	}
	
	
	h3 {
		font-size: 3rem;
	}
	
	
	#ct_footer .col1 {
		width: 100%;
		padding-bottom: 40px;
	}
	
	#ct_footer .col2 {
		width: 100%;
	}
	
	#ct_footer .col3 {
		width: 100%;
		padding-top: 60px;
	}
	
	#olist_ct .col0 {
		width: 8%;
	}
	#olist_ct .col1 {
		width: 13%;
	}
	#olist_ct .col2 {
		width: 30%;
	}
	#olist_ct .col3 {
		width: 25%;
	}
	#olist_ct .col4 {
		width: 24%;
	}
	
	#flyin_ct {
		padding: 0 25px;
	}
	
	#ct_lage .entf_icon {
		/*height: 60px;*/
	}
	
	#hg_gebaeude, #hg_kontakt, #hg_lage, #ct_musterbuero .inner_musterbuero::before, .odi_f_og3::before {
		display: none;
	}
	
	.mm_menu{
		width: 200px;
		padding-top: 80px;
	}
	
	.mm_menu a {
		font-size: 1.3rem;
		margin-top: 20px;
	}
	
	.star {
	width: 1px;
	height: 1px;
	-webkit-box-shadow: 0 0 4px 3px #fff, 0 0 5px 9px #64B0D9;
box-shadow: 0 0 4px 3px #fff, 0 0 5px 9px #64B0D9;
	transition: box-shadow 0.6s, height 0.6s, width 0.6s, margin 0.6s, opacity 0.6s;
}

.star.active {
	width: 3px;
	height: 3px;
	margin: -1px 0px 0px -1px;
	-webkit-box-shadow: 0 0 6px 4px #ffffff, 0 0 5px 12px #64B0D9;
box-shadow: 0 0 6px 4px #ffffff, 0 0 5px 12px #64B0D9;
}
	

	
	#img1_geb {
		position: relative;
	}
	
	#geb_stier {
		margin-left: 0;
	}
	
	#ct_lage .lage_entf_box {
		width: 100%;
		text-align: center;
		padding-right: 0px;
		padding-left: 0px;
	}
	
	#ct_lage .lage_entf_box.secondcol {
		padding-right: 0px;
		padding-left: 0px;
	}
	
	#olist_ct .row.first, #olist_ct .wpff_row {
		font-size: 1rem;
	}
	
	#olist_ct .obj_details .obj_details_left, #olist_ct .obj_details  .obj_details_right {
		width: 100%;
	}
	
	.icon_flist {
		width: 24px;
		height: 24px;
	}
	
	#ct_gebaeude .row2 {
		padding-top:25px;
	}
	
	#ct_mieter {
		padding: 80px 25px 20px 25px;
	}
	
	.impbox {
		width: 100%;
		padding-top: 54%;
	}
	
	.imps_ct a:nth-of-type(3n + 2) .impbox {
	margin-left: 0%;
	margin-right: 0%;
}
	
	.cfbox_half {
		width: 100%;
	}
	
	#olist_ct .obj_details {
		height: auto;
		padding-bottom: 40px;
	}
	
	#olist_ct .obj_details .obj_details_content {
		padding-top: 0;
	}
	
	#lba_prev {
		top: 100%;
		margin-top: 10px;
		left: 10px;
	}
	
	#lba_next {
		top: 100%;
		margin-top: 10px;
		right: 10px;
	}
	
	#lba_close {
		margin-top: -65px;
		top: 0px;
		right: 10px;
	}
	
	.col_box_left, .col_box_right {
		padding-top: 80%;
	}
	
	.col_box_ct {
		padding-bottom: 60px;
	}
	
}



/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

#freieWohnungenTable {
	margin-top: 61px;
	margin-bottom: 52px;
}
.free-flats-container h2, .accordion-button {
	border: 2px solid #505A64;
	padding-left: 37px;
	padding-top: 35px;
	padding-bottom: 35px;
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	background-color: transparent;
}
.accordion-button {
	padding-top: 18px;
	padding-bottom: 18px;
}
.accordion-header, .accordion-item {
	background-color: transparent;
}
table thead th {
	color: #383838;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	height: 49px;
	padding: 12.5px 5px !important;
}
table tbody tr td, table tbody td a {
	text-align: center;
	color: #383838 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important; /* 150% */ 
}
table tbody td a {
	padding: 0 !important;
	font-weight: 700;
}
#freieWohnungenTable table tbody tr td {

}
table tbody tr td {
	background-color: #F4F5F5;
	color: #383838;
	height: 49px;
	padding-top: 12px !important;
	border-bottom: 0;
}
.accordion-body {
	padding: 0;
}
.accordion {
	margin-top: 22px;
}
.accordion-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 22px;
}
.accordion-button:not(.collapsed) {
	background-color: #F4F5F5;
	color: #1F2830;
	border-color: #F4F5F5;
}
.accordion-button.collapsed:focus {
	border-color: #505A64;
}
.accordion-button:focus {
	border-color: #F4F5F5;
	box-shadow: none;
}
.accordion-circle {
	width: 62px;
  height: 62px;
  background-color: #FFFFFF;
  border-radius: 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.horisontal-line {
	width: 20px;
	height: 3px;
	background: #1F2830;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 1;
	transition: all 0.3s ease-in-out;
  }
  .vertical-line {
	height: 20px;
	width: 3px;
	background: #1F2830;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
  }
  .accordion-button::after {
	content: unset;
  }
  .accordion-button:not(.collapsed) .accordion-circle {
	background-color: #1F2830;
  }
  .accordion-button:not(.collapsed) .accordion-circle .horisontal-line {
	background-color: #fff;

  }

  .scrollcontainer {

    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: hidden;
    overflow-x: auto;
}
label input[type="checkbox"] + span::before, label input[type="radio"] + span::before {
	content: unset !important;
}
label input[type="checkbox"]:checked + span::before, label input[type="radio"]:checked + span::before {
	content: unset !important;
}
.um-field-checkbox:hover i, .um-field-radio:hover i {
	color: #fff;
}
.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
	color: #fff;
}
.um-field-checkbox-option {
	color: #fff !important;
	font-size: 18px !important;
}
.um-toggle-terms {
	color: #fff;
	font-size: 18px !important;
	font-weight: 600;
	margin-left: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	transition: all 0.5s ease-in-out;
}
.um-toggle-terms:hover {
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}