@charset "utf-8";

html { scroll-behavior:smooth; }
html,body { font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; line-height:22px; color:#000; -webkit-overflow-scrolling:touch; }
a { transition:color .4s; text-decoration:none; color:#000; }
a:hover { color:#87a3a2; }
ol { padding-bottom:5px; }
ol > li { padding-bottom:10px; }
p { padding-bottom:20px; margin:0; }

.clearfix { clear:both; display:block; }
.editbalken a { border-width:0; }
.absolute { position:absolute; top:0; right:0; bottom:0; left:0; }
body.dynasite.hide-scrollbar { overflow:hidden; }

#extranet-panel > div:first-of-type { display:none; }

/*Link360*/
	#link360-wrapper { position:relative; z-index:3; display:none; width:100%; max-width:2150px; margin:0 auto; }
	#link360 { position:absolute; z-index:3; right:230px; bottom:80px; transform:rotate(10deg); width:300px; }
	#link360 a { display:block; height:0; padding-bottom:100%; background-size:contain; background-repeat:no-repeat; background-position:center center; }
	#link360 a[data-lang="de"] { background-image:url('../mm/button-360_de.svg'); }
	#link360 a[data-lang="en"] { background-image:url('../mm/button-360_en.svg'); }

/*sprache*/
	#sprache { position:absolute; top:10px; right:10px; font-family:"Oswald", sans-serif; }
	#sprache a { display:inline-block; opacity:0.6; transition:opacity .4s; padding:5px 10px; background:#87a3a2; color:#fff; }
	#sprache a:hover,
	#sprache a.active { opacity:1; }


/*** main ***/
	#dsmain { position:relative; z-index:1; }
	#dscolumns { max-width:2150px; margin:0 auto; background:#edf1f1; }
	#dscolumn1_1 { max-width:1360px; padding:10px 0 10px 0; margin:0 auto; }


/*** footer ***/
	#sitefooter { position:relative; max-width:1460px; padding:0 50px; box-sizing:border-box; margin:0 auto; }

	#sitefooter span,
	#sitefooter a { font-size:16px; line-height:35px; color:#000; }

	#sitefooter .group2 { position:absolute; top:0; right:50px; }
	#sitefooter .group1 span + span:before { content:"|"; padding:0 5px; }

	#scrolltop { z-index:200; right:0; visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(100%); transition:transform .8s; width:40px; height:40px; border:none; border-bottom-left-radius:3px; border-top-left-radius:3px; background-color:#3c3936; }
	.scrolled #scrolltop { transform:none; }
	.hide-scrollbar #scrolltop,
	.gallerybox-open #scrolltop { display:none; }
	#scrolltop:before { font-size:25px; font-weight:300; line-height:40px; color:#fff; }


/*** article ***/
	h1, h2 { margin:80px 0 40px 0; font-family:"Oswald", sans-serif; font-size:35px; font-weight:400; line-height:45px; text-align:center; text-transform:uppercase; }

	ul[class^="dslinklist_"] { display:block; text-align:center; }
	ul[class^="dslinklist_"] > li { display:inline-block; padding-left:0; }
	ul[class^="dslinklist_"] > li a:not(.dsbutton) { padding:0 10px; border-bottom:0; font-family:"Oswald", sans-serif; font-size:20px; line-height:25px; text-transform:uppercase; color:#000; }
	ul[class^="dslinklist_"] > li a:not(.dsbutton):hover { color:#87a3a2; }
	ul[class^="dslinklist_"] > li + li > a:not(.dsbutton) { padding-left:15px; }
	ul[class^="dslinklist_"] > li > a:not(.dsbutton):before { display:none; }

/*** article ***/
	.dsarticle_2 { padding:30px; background-color:#fff; }
	.dsarticle_2 .dsarticle_content { max-width:850px; margin:0 auto; }
	.dsbody_2 { text-align:justify; text-align-last:center; }
	div.dstitle_2 { text-align:center; }

/*** block's ***/
	.block { width:50%; box-sizing:border-box; margin-bottom:10px; font-family:"Oswald", sans-serif; }
	.block.full { width:100%; }
	.block.full p { font-size:35px; line-height:40px; }
	.block img { width:100%; margin-bottom:0px; }

	.block .inner { flex-direction:column; justify-content:center; align-items:center; display:flex; box-sizing:border-box; margin-left:10px; background:#fff; }
	.block .inner p,
	.block .inner a { justify-content:center; font-size:25px; line-height:35px; text-align:center; text-transform:uppercase; }
	.block .inner p { padding-bottom:0; }

	.block .link_lageplan { display:block; width:100%; }

	.bgb.block .inner,
	.bgb.block .inner p,
	.bgb.block .inner a { background:#87a3a2; color:#fff; }

	#mProjekt,
	#mLage { margin-left:-10px; }

	#mProjekt:after,
	#mLage:after { content:""; clear:both; display:block; }

	.grid-sizer { width:5%; box-sizing:border-box; }

	.block-left,
	.block-right { position:relative; float:left; width:50%; box-sizing:border-box; }

	.block1 .inner { height:645px; }
	.block1 .inner p,
	.block1 .inner a { font-family:"Spectral", sans-serif; font-size:28px; font-weight:400; font-style:italic; text-transform:none; }

	.block2 .inner { height:317px; }

	.block3 .inner { height:386px; }
	.block3 img { max-width:96px; }

	.block4 .inner { height:317px; }
	.block4 img { max-width:73px; }

	.block5 .inner { height:249px; }

	.block7 { width:65%; }
	.block8 { width:35%; }
	.block9 { width:35%; }

	.block6 .inner { height:800px; }

	.block7 .inner img { max-width:170px; }
	.block7 .inner { height:445px; }
	.block8 .inner { height:217px; }
	.block9 .inner { height:217px; }
	.block10 .inner { height:345px; }
	.block11 .inner { height:345px; }
	.block11 .inner img { max-width:130px; }


/*** flickity ***/
	.flickity-wrapper { position:relative; }
	.flickity-wrapper .flickity-gallery { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; }
	.flickity-wrapper .flickity-viewport { height:100% !important; }
	.flickity-wrapper .flickity-slider > div { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; }

	.flickity-page-dots { bottom:55px; padding:0; }
	.flickity-page-dots .dot { padding:0; background:#fff; }


	/*** gallery box ***/
	#gallerybox .flickity-controls { background:#444; }
	#gallerybox .flickity-wrapper .flickity-slider > div > .carousel-cell-image.flickity-lazyloaded { background:#fff; }
	#gallerybox .flickity-wrapper .flickity-slider > div > .itext-wrapper { background:#444; font-size:15px; line-height:22px; color:#fff; }

	#gallerybox .flickity-wrapper .flickity-slider > div > .ajaxclose,
	#gallerybox .flickity-wrapper .flickity-slider > div > .cislightboxclose { background:rgba(255, 255, 255, 0.75); }


/*** gallery ***/
	.cgallery .editbalken { z-index:10; }
	.cgallery.slide .flickity-wrapper { height:calc(100vh - 182px); }

	.cgallery.multislide { margin-bottom:10px; }
	.cgallery.multislide .flickity-wrapper { height:0; padding-bottom:33%; }
	.cgallery.multislide .flickity-wrapper .flickity-slider > div { width:calc(33.33% - (10px / 3)); margin-right:10px; }
	/* .cgallery.multislide .flickity-wrapper .flickity-slider { margin-left:-10px; }
	.cgallery.multislide .flickity-wrapper .flickity-slider > div { width:33.33%; margin-left:10px; } */

	.cgallery { position:relative; }
	.cgallery .button-wrapper button { position:absolute; top:50%; width:60px; height:60px; padding:0; margin:0; background:none; color:#000; }
	.cgallery .button-wrapper button:before { display:inline-block; width:60px; height:60px; font-family:"Font Awesome 5 Pro"; font-size:60px; font-weight:700; line-height:60px; text-align:center; }
	.cgallery .button-wrapper button.prev { left:0; transform:translate(-100%, -50%); }
	.cgallery .button-wrapper button.prev:before { content:"\f104"; }
	.cgallery .button-wrapper button.next { right:0; transform:translate(100%, -50%); }
	.cgallery .button-wrapper button.next:before { content:"\f105"; }


/*** form ***/
	textarea,
	input[type=text],
	input[type=email],
	input[type=password],
	input[type=date] { border-color:#000; background-color:#fff; }

	.cform.form { align-items:stretch; display:flex; }

	.form-wrapper { flex:1 0 70%; background:#fff; }
	.form-wrapper > form { margin-left:-10px; }
	.form-wrapper > form > .form-inner { width:100%; max-width:715px; padding:0 50px; box-sizing:border-box; margin:0 auto; }

	.contact-block { position:relative; flex:1 0 30%; text-align:center; }
	.contact-block .contact-inner { position:relative; height:100%; padding:1px 50px; margin-left:10px; background:#fff; }


	.f1_row { float:left; width:50%; padding:0 0 0 5px; box-sizing:border-box; margin-bottom:5px; }
	.f1_row.full { float:none; width:100%; }

	.cis-select > div { border-color:#000; }

	.checkboxCheck > div { width:auto; padding-right:10px; }
	.checkboxCheck > div > label { padding:5px 0 5px 30px; }
	.checkboxCheck > div label:before { width:20px; height:20px; border-radius:50%; border-color:#000; background:#fff; line-height:20px; }

	.custominput { width:calc(100% - 120px); padding-left:120px; margin-top:30px; }
	.custominput > label { width:120px; }
	.custominput > .col + .col { padding-left:15px; }
	.custominput > .col,
	.custominput > .col input { width:100px; }

	.f1_row [type="submit"] { width:auto; padding:0 30px; border:1px solid #000; margin:30px 0; background:none; color:#000; }
	.f1_row [type="submit"]:hover { background:#87a3a2; color:#fff; }

	textarea { padding-top:5px; }

/*** ajaxdiv ***/
	.overlay { background-color:rgba(255,255,255,0.7); }
	#overlay > a.ajaxclose { position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; min-height:auto !important; }

	#ajaxdiv { position:relative; z-index:2; top:50% !important; transform:translateY(-50%); max-width:1750px; margin:0 auto 0 calc(50% - 680px); }
	#ajaxdiv.small { max-width:775px; }
	#ajaxdiv.tiny { max-width:400px; }
	#ajaxdiv.iframe iframe { width:100%; height:80vh; }
	#ajaxdiv > div { position:relative; z-index:1; overflow:auto; max-height:calc(100vh - 80px); padding:60px 40px 40px 40px; box-sizing:border-box; -webkit-overflow-scrolling:touch; }

	#ajaxdiv .ajaxclose { position:absolute; z-index:3; top:15px; right:15px; height:30px; font-size:13px; text-transform:uppercase; }
	#ajaxdiv .ajaxclose:before { content:"\f00d"; display:inline-block; width:30px; font-family:"Font Awesome 5 Pro"; font-size:30px; font-weight:300; line-height:30px; text-align:center; color:#000; }
	#ajaxdiv .ajaxclose span { display:none; }


/*** immotool ***/
	.cimmotool.view { align-items:stretch; display:flex; margin:0 0 10px -10px; }
	.cimmotool.view:after { content:""; clear:both; display:block; }

	.cimmotool.image,
	#cimmotool_immotool_immotool_search { position:relative; flex:1 0 50%; box-sizing:border-box; }

	.cimmotool.image > .inner,
	#cimmotool_immotool_immotool_search > .inner { position:relative; height:100%; padding:50px; box-sizing:border-box; margin-left:10px; background:#fff; }

	.cimmotool.image > .inner { text-align:center; }
	.cimmotool.image > .inner > img { width:570px; max-width:100%; }


	/*** liste ***/
	.list .row.header { background:transparent; }
	.list .row .col,
	.list .row .col span,
	.list .row .col a { font-family:"Roboto"; font-size:14px; line-height:25px; }
	.list .row.header .col a { font-family:"Oswald"; font-weight:400; text-transform:uppercase; }
	.list .row { justify-content:space-between; display:flex; }

	.list.scroll .row[class*="status"] .color { display:block; width:25px; height:25px; border-radius:50%; }
	.list.scroll .row.status1 .color { background-color:#93b39a; }
	.list.scroll .row.status2 .color { background-color:#dcdcdb; }
	.list.scroll .row.status3 .color,
	.list.scroll .row.status4 .color { background-color:#cc6976; }

	.list .row .spalte1 { width:40px; }
	.list .row .spalte3 { width:50px; }
	.list .row .spalte4 { width:80px; }
	.list .row .spalte2 { width:90px; }
	.list .row .spalte5 { width:90px; }
	.list .row .spalte6 { width:120px; }
	.list .row .spalte7 { width:70px; }
	.list .row .icons { width:30px; text-align:right; }
	.list .row .icons a { font-size:20px; }

	.list .row > a { position:absolute; top:0; right:50px; bottom:0; left:0; }
	.cimmotool__nkinfo { padding:30px 0;  }

	/*** detail ***/
	#ajaxdiv .cimmotool.viewdet { overflow-x:hidden; padding:0; }
	.cimmotool.viewdet .popupbody { align-items:stretch; display:flex; }

	.cimmotool.viewdet .popupbody .immobilie h2.dstitle_1 { color:#87a3a2; }
	.cimmotool.viewdet .popupbody .immobilie h2.dstitle_1 span { display:block; font-family:"Spectral", sans-serif; font-weight:400; font-style:italic; text-transform:none; color:#000; }
	.cimmotool.viewdet .popupbody .cform h2.dstitle_1 { color:#fff; }

	.cimmotool.viewdet .cform.immotool { position:relative; flex:1 0 50%; box-sizing:border-box; background:#87a3a2; }
	.cimmotool.viewdet .cform.immotool form { max-width:715px; padding:50px; box-sizing:border-box; margin:0 auto; }

	.cimmotool.viewdet .immobilie { position:relative; flex:1 0 50%; box-sizing:border-box; }
	.cimmotool.viewdet .immobilie .image { max-width:450px; padding-bottom:50%; margin:0 auto; background-size:contain; background-repeat:no-repeat; background-position:center center; }

	.cimmotool.viewdet .list-wrapper { max-width:450px; margin:0 auto; }
	.cimmotool.viewdet .list-wrapper .list .row .col.name { width:120px; font-weight:700; }

	.cform.immotool .formbest { margin:50px; }

	.cimmotool.viewdet ul[class^="dslinklist_"] { margin-top:20px; }

	.cimmotool.viewdet .scroll-arrow { display:none; }

		/*** form ***/
		.cform.immotool textarea,
		.cform.immotool input[type=text],
		.cform.immotool input[type=email],
		.cform.immotool input[type=password],
		.cform.immotool input[type=date] { border-color:#fff; background-color:transparent; color:#fff; }

		.cform.immotool .f1_row > label { color:#fff; }
		.cform.immotool .f1_row [type="submit"] { border-color:#fff; color:#fff; }

		.cform.immotool .custominput label { color:#fff; }

		.cform.immotool .cis-select { background:transparent; }
		.cform.immotool .cis-select > div { border-color:#fff; background:transparent; color:#fff; }
		.cform.immotool .cis-select:after { color:#fff; }

		.cform.immotool .checkboxCheck > div > label { color:#fff; }
		.cform.immotool .checkboxCheck > div label:before { border-color:#fff; background:transparent; }

		.cform.immotool ::-webkit-input-placeholder { color:#fff !important; }
		.cform.immotool ::-moz-placeholder { color:#fff !important; }
		.cform.immotool ::-ms-placeholder { color:#fff !important; }


/*** animate ***/
	@keyframes bounce {
		0%, 100% { transform:translate(-50%, 0); }
		50% { transform:translate(-50%, -10px); }
	}


/*** Input Placeholder ***/
	::-webkit-input-placeholder { font-family:'Roboto', sans-serif; color:#000 !important; }
	::-moz-placeholder { opacity:1; font-family:'Roboto', sans-serif; color:#000 !important; }
	::-ms-placeholder { font-family:'Roboto', sans-serif; color:#000 !important; }

	.input_false::-webkit-input-placeholder { color:#fff !important; }
	.input_false::-moz-placeholder { color:#fff !important; }
	.input_false::-moz-placeholder { color:#fff !important; }
	.input_false::-ms-placeholder { color:#fff !important; }