:root {
	--pink-color-text: #e86cd5;
}


.isometrie-mode #chatbot {
	display: none;
}


.isometrie-mode div.wrapper {
	display: block;
}


/* Available apartments */
header.isometrie div.top-link { 
	display: block; 
	right: calc((100% - 1350px) / 2); 
	opacity: 0; 
	position:fixed; 
	top:14px; 
	z-index:10; 
	transition: all .3s ease;
}
header.isometrie div.top-link > a { font-size: 18px; font-weight: 700; text-decoration: none; opacity: 0; transition: all .6s ease; border: solid 3px #68804f; padding: 3px 8px; display: none;}
header.isometrie div.top-link > a.shown { display: block; }
header.isometrie div.top-link > a.hidden { display: none; }
header.isometrie div.top-link > a.close { 
	border: 0; 
	width: 50px;
	height: 50px;
	text-align: center;
	background-color: #000000;
	border-radius: 28px;
	background-image: url(/includes/icons/icon-close.png);
	background-size: 35px auto;
	background-repeat: no-repeat;
	background-position: center;
	
	
	cursor: pointer;
	z-index: 30;
	
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	

	
}


header.isometrie div.top-link { opacity: 1; }
header.isometrie div.top-link > a.isometrie { opacity: 1; color: #ffffff; background-color: #68804f;  }
header.isometrie div.top-link > a.isometrie:hover { opacity: 1; background-color: #ffffff; color: #68804f; }

#app-popup-wrapper .loading {
	position: fixed;
	width: auto;
	top: 35%;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 101;
	display: none;
}


/* Checkboxes like DD */
#app-popup-wrapper form div.radio-like {
	line-height: 20px;
}

#app-popup-wrapper form div.radio-like.border,
#app-popup-wrapper form div.radio-like:last-child {
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 2px solid #a8a8a8;
}



#app-popup-wrapper form div.radio-like > input[type=checkbox] { 
	position:absolute; 
	visibility:hidden; 
	width:1px; 
	height:1px; 
	overflow:hidden;
}
#app-popup-wrapper form div.radio-like > input[type=checkbox] + label  { 
	position:relative; 
	padding-left:18px; 
	cursor:pointer; 
	font-size:15px;
	font-family: 'mabry-medium-pro', Arial, sans-serif; 
	font-weight: normal;
}
#app-popup-wrapper form div.radio-like > input[type=checkbox] + label:before { 
	content:""; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:0; 
	width:8px; 
	height:8px; 
	border:2px solid #000; 
	border-radius: 10px;	
}
#app-popup-wrapper form div.radio-like > input[type=checkbox]:checked + label:before { 
	background-color: #000000 !important; 
	color: #ffffff !important;
}




/* Radios */
#app-popup-wrapper form div.input > input[type=checkbox] { 
	position:absolute; 
	visibility:hidden; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
}

#app-popup-wrapper form div.input > input[type=checkbox] + label  { 
	position:relative; 	
	cursor:pointer; 
	font-size: 16px; 
	padding: 2px 15px;
	border: solid 2px #000000;
	border-radius: 28px;
	margin-right: 10px;
	margin-bottom: 12px;
	white-space: nowrap;
}


#app-popup-wrapper form div.input > input[type=checkbox]:checked + label { 
	background-color: #000000 !important; 
	color: #ffffff !important;	
}

#app-popup-wrapper form.finder #finder3 .triggerGroupDD {	
	position: relative;
	cursor: pointer;
	font-size: 16px;
	padding: 2px 15px;
	border: solid 2px #000000;
	border-radius: 28px;
	margin-right: 10px;
}
#app-popup-wrapper form.finder #finder3 .triggerGroupDD.selected,
#app-popup-wrapper form.finder #finder3 .triggerGroupDD.active {
	background-color: #000000;
	color: #ffffff;
}

#app-popup-wrapper form.finder #finder3 .triggerGroupDD::after {
	content: "↓";
	position: relative;	
	font-size: 16px;
	padding: 0 0 0 5px;
	width: 18px;	
	box-sizing: border-box;
}

#app-popup-wrapper form.finder #finder3 .triggerGroupDD.selected::after {
	content: "↑";
}

#app-popup-wrapper form.finder #finder3 .groupDD {	
	position: absolute;
	z-index: -1;
	top: 20px;
	left: 0;
	
	width: 170px;
	height: auto;
	
	padding: 10px 0;
	opacity: 0;
	transition: all .1s ease;
	
}

#app-popup-wrapper form.finder #finder3 .groupDD .wrap {	
	border-radius: 13px;
	border: solid 2px #000;
	background-color: #eeeeef;
	
	padding: 5px 10px;
}

#app-popup-wrapper form.finder #finder3 .groupDD.shown {	
	z-index: 4;
	opacity: 1;
}


.hidden {
	display: none;
}

header.sticky.isometrie .wrap {	
	position: relative;
}


#app-popup { 
	display: none; 
	text-align: left; 
	margin: 0 auto; 
	width: 100%; 
	max-width: 1350px; 
	height: 100%;  	
	position: relative; 	
	padding: 0; 
	z-index: 16;  
}


#app-popup-wrapper {
    background-color: #eeeeee;
    min-height: 100%;
	height: 100%;
    position: absolute;
	top: 0;
    width: 100%;
    z-index: 15;
	display: block;
	text-align: center;
	padding-top: 90px;
	overflow-y: auto;
	
}

header div.top-link > a.hidden { opacity:0; }


#app-popup-wrapper .loading {
	position: fixed;
	top: 35%;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 101;
	display: none;
}


#app-popup #isometrie_plan_big,
#app-popup #isometrie_plan_small,
#app-popup #isometrie_plan_floor {
	width: 100%; 
	margin: 0; 
	border: solid 1px transparent; 

	height: calc(100% - 95px);	
}

#app-popup form.finder #finder2 .overvieww.selected #isometrie_plan_big,
#app-popup #isometrie_plan_small {
	display: none;
}

#app-popup #isometrie_plan_big .haus,
#app-popup #isometrie_plan_small .haus {
	cursor: pointer;
}

#app-popup > div {
	height: auto;
	width: 100%;
	min-height: calc(100% - 60px);
	display: flex;
}

#app-popup form.finder {
	width: 100%;
	max-width: 100%;
	height: 100%;
	position: relative;
	
	display: flex;
	flex-direction: row-reverse;
}

#app-popup h2 { 

	font-size: 30px;
	font-family: 'mabry-medium-pro', Arial, sans-serif; 
	line-height: 1.42;
	margin-top: 5px;
	margin-bottom: 15px;
}

#app-popup form.finder #finder2 .overvieww.selected h2 { 
	margin-top: 5px;
}

#app-popup h2.desktop,
#app-popup p.desktop {
	display: block;
	border-bottom: 2px solid #000;
	color: var(--pink-color-text);
}
#app-popup h2.mobile, 
#app-popup .mobile.textarea-block {
	display: none;
}


#app-popup form.finder #finder2 { 
	float: right; 
	overflow-y: auto; 
	height: auto; /*max-height: calc(100vh - 100px);*/ 
	min-width: 410px; 
	width: 50%; 
	max-width: 100%; 
	margin: 0; 
	font-size: 18px; 
	
	transition: all .3s ease;
}
#app-popup form.finder.one-ap #finder2 { 
	width: calc(100% - 400px);
}

#app-popup form.finder .result { float: left; min-width: 458px; width: 50%; max-width:none; margin:0; padding-right: 40px; transition: all .3s ease;}
#app-popup form.finder.one-ap .result {
	width: 400px; 
}




#app-popup form.finder #finder2 .overvieww .col,
#app-popup form.finder #finder2 .overvieww .col-full {
	width: 100%;
	display: none;
}
#app-popup form.finder #finder2 .overvieww .col:first-child {
	display: block;
}


#app-popup form.finder #finder2 .overvieww.selected { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#app-popup form.finder #finder2 .overvieww.selected .col {
	width: 49%;
	
	/* height: calc((100vh - 170px) / 2); */
	height: 382px;
	height: 403px;
}
#app-popup form.finder #finder2 .overvieww.selected .col,
#app-popup form.finder #finder2 .overvieww.selected .col:first-child {	
	display: block;
}

#app-popup form.finder #finder2 .overvieww.selected .col-full {	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	
	max-height: calc(100vh - 472px);
	min-height: 420px;
	
	
}
#app-popup form.finder:not(.one-ap) #finder2 .overvieww.selected .col-full.hidden {	
	display: none;
}

#app-popup form.finder #finder2 .overvieww .col-full h2 {
	width: 100%;
	height: fit-content;
}

#app-popup form.finder #finder3 svg,
#app-popup form.finder #finder2 .overvieww.selected svg {
	max-height: 100%;
	width: 100%;
	height: auto;
}

#app-popup form.finder #finder2 .overvieww .col-full img {
	display: none;
	width: auto;	
	height: auto;
	max-height: calc(100% - 120px);
	max-width: 100%;
	margin: 20px 0 50px;
	min-height: 300px;
}

.floor_svg {
	width: 100%;
	height: 100%;
	display: none;
}





#app-popup form.finder #finder3 > div.f-col,
#app-popup form.finder #finder3 > #isometrie_plan_big,
#app-popup form.finder #finder3 > #isometrie_plan_small { 
	display: none; 
}
#app-popup form.finder #finder3 > h3:after { 
	content: "";
    position: absolute;
    display: inline-block;
    height: 16px;
    width: 18px;
	right:7px;
	top:4px;
	background-image: url(/includes/arrow_up.png);
	background-size: cover;
 }
 
#app-popup form.finder #finder3 { 
	display: flex; 
	flex-wrap: wrap;	
} 
#app-popup form.finder.one-ap #finder3 { 
	overflow: hidden;
} 



#app-popup form.finder #finder3 .toggleFilters::after {
	
	content: "↑";	
	position: relative;	
	font-size: 16px;
	padding: 0 0 0 5px;
	width: 18px;	
	box-sizing: border-box;
}

#app-popup form.finder #finder3 .toggleFilters.active {
	background-color: #000000 !important;
	color: #ffffff !important;
}

#app-popup form.finder #finder3 .toggleFilters.active::after {
	content: "↓";
}

#app-popup form.finder #finder3.expanded > div.f-col,
#app-popup form.finder #finder3.expanded > #isometrie_plan_big,
#app-popup form.finder #finder3.expanded > #isometrie_plan_small,
#app-popup form.finder .overvieww.selected #isometrie_plan_small { 
	display: flex; 
}

#app-popup form.finder #finder3 .col-1-3 {
	width: calc(100% / 3 * 1);
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	
}


#app-popup form.finder #finder3 .col-4-4 {
	width: calc(100% / 4 * 4);
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
}
#app-popup form.finder #finder3 .col-4-4 .row-1 {	
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
}

#app-popup form.finder #finder3 .col-4-4.row-2 {	
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
#app-popup form.finder #finder3 .col-4-4.row-2 .col {	
	width: 48%;
	padding-bottom: 30px;
}


#app-popup form.finder #finder3 .filter-row-title {
	color: var(--pink-color-text);
	font-family: 'mabry-medium-pro',Arial,sans-serif;
	font-size: 15px;
	height: 15px;
	line-height: 15px;
}
#app-popup form.finder #finder3 .filter-row-options {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0;
	position: relative;
}


#app-popup form.finder #finder3 .input {
	display: flex;
	
}

#app-popup form.finder #finder3 .col .input {
	flex-direction: column;
	width: 100%;
	
}

#app-popup form.finder #finder3 .toggleFilters {
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	padding: 2px 15px;
	border: solid 2px #000000;
	border-radius: 28px;	
}






#app-popup form.finder div.result .legend {
	font-size: 15px;
	
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0;
}

#app-popup form.finder div.result .legend.tiny {	
	margin: 0;
}


#app-popup form.finder div.result .legend span {
	position: relative;
	padding-left: 20px;
	margin-right: 10px;
}
#app-popup form.finder div.result .legend span::before { 
	content: ''; 
	width: 15px; 
	height: 15px; 
	display: block; 
	border-radius: 12px; 
	position: absolute;
	left: 0;
}


#app-popup form.finder div.result .legend span.red::before { background-color: red }
#app-popup form.finder div.result .legend span.orange::before { background-color: orange }
#app-popup form.finder div.result .legend span.green::before { background-color: green }


#app-popup form.finder div.result .legend .legal-sentence {
	font-size: 15px;
	width: 100%;
	margin: 15px 0;
}
#app-popup form.finder div.result .legend.tiny .legal-sentence {
	margin: 5px 0 0;
}


#app-popup form.finder div.result .table-wrap {
	max-height: 394px;
	width: 100%;
	height: auto;
	overflow: scroll;
	margin-bottom: 10px;
	margin-top: 10px;
	
	overflow-x: hidden;
	/* border-bottom: 15px solid #eee; */
}

#app-popup form.finder div.result .table-wrap table.detail {
	border-collapse: inherit;
}
#app-popup form.finder div.result .table-wrap table.detail thead tr {
	position: sticky;
	top: 0;
	z-index: 3;
	box-shadow: 0 0px 0px 0px black;
}
#app-popup form.finder div.result .table-wrap table.detail thead th {	
	background-color: #eeeeee;	
	padding: 10px 0 5px 0;
	cursor: pointer;	
}



#app-popup form.finder div.result .table-wrap .right-align {
	text-align: right;
}

#app-popup form.finder div.result table.detail .row {
	height: 25px;
}

#app-popup form.finder div.result table.detail .row td {
	padding: 5px 0px 3px 0;
	border-bottom: 0;
	box-shadow: 0 2px 0px 0px black;
	white-space: nowrap;
}
#app-popup form.finder div.result table.detail .row td > a {
	text-decoration: none;
}

#app-popup form.finder div.result table.detail td.status {
	color: transparent;
	position: relative;
	border-bottom: 0;
}
#app-popup form.finder div.result table.detail td.show-more {
	text-align: right;
}

#app-popup form.finder div.result .list .row.expandable:hover,
#app-popup form.finder div.result .list .row.expandable.active  {
	cursor: pointer;
	color: var(--pink-color-text);
}

#app-popup form.finder div.result .list .row  span.dot { width: 15px; height: 15px; display: block; border-radius: 12px; position: absolute;}


#app-popup form.finder div.result .list .row  span.dot.red { background-color: red }
#app-popup form.finder div.result .list .row  span.dot.orange { background-color: orange }
#app-popup form.finder div.result .list .row  span.dot.green { background-color: green }


#app-popup form.finder div.result table.detail {
	width: 99%;
	max-width: 100%;
}


#app-popup form.finder div.result table.detail thead th div.tablesorter-header-inner {
	display: flex;
	white-space: nowrap;
}

#app-popup form.finder div.result table.detail thead th div.tablesorter-header-inner::after {
	content: " ";
	position: relative;	
	font-size: 16px;
	padding: 0 0 0 5px;
	width: 18px;	
	box-sizing: border-box;
}
#app-popup form.finder div.result table.detail thead th div.tablesorter-header-inner span {
	white-space: nowrap;
}


#app-popup form.finder div.result table.detail thead th.sorter-false div.tablesorter-header-inner::after {	
	padding: 0;
	width: 0;	
}

#app-popup form.finder div.result table.detail thead th.asc div.tablesorter-header-inner::after {
	content: "↓";
}
#app-popup form.finder div.result table.detail thead th.desc div.tablesorter-header-inner::after {
	content: "↑";	
}

#app-popup form.finder div.result table.detail thead th {
	color: var(--pink-color-text);
	font-family: 'mabry-regular-pro', Arial, sans-serif;
	line-height: 16px;
	white-space: nowrap;
}



#app-popup .detail-page {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -40px;
	right: 0;
	z-index: 50;
	
	width: 100%;
	height: 100%;
	
	padding-left: 40px !important;
	background: #eeeeee;
	display: none;
	
	
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.08px;
	text-align: left;
	color: #2b2e34;

	
}

#app-popup-detail {
	position: fixed;
	z-index: 16;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	
	display: none;
	
	background-color: #eeeeee;
}


#app-popup .detail-page.shown {
	display: block;
	box-shadow: none !important;
	padding-top: 0 !important;
}

#app-popup .ap-desc {
	padding-bottom: 60px;
	height: 100%;
}

#app-popup .detail-page .wrap,
#app-popup .ap-desc .wrap {
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	position: relative;
	padding-bottom: 10px;
}
#app-popup .detail-page .wrap h2,
#app-popup .ap-desc .wrap h2 {
	margin: 5px 0 15px;
	
}

#app-popup .detail-page .wrap > div,
#app-popup .ap-desc .wrap > div {
	display: flex;
	flex-direction: row;

	
}
#app-popup .detail-page .wrap > div > span,
#app-popup .detail-page .wrap > div > div,
#app-popup .ap-desc .wrap > div > span,
#app-popup .ap-desc .wrap > div > div {
	width: 50%;
	font-family: 'mabry-medium-pro', Arial, sans-serif; 
}
#app-popup .detail-page .wrap > div > div,
#app-popup .ap-desc .wrap > div > div {
	font-family: 'mabry-regular-pro', Arial, sans-serif; 
}



#app-popup .detail-page .applybutton,
#app-popup .ap-desc .applybutton {
	display: flex;
	width: 100%;
	height: auto;
}

#app-popup .detail-page .applybutton > a,
#app-popup .ap-desc .applybutton > a {
	width: auto;
	height: 50px;
	padding: 7px 25px;
	border-radius: 31px;
	border: solid 2px var(--pink-color-text);
	background-color: var(--pink-color-text);


	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-align: center;
	color: #fff;

	text-decoration: none;
  

}
#app-popup .detail-page .wrap ul,
#app-popup .ap-desc .wrap ul {
	
}
#app-popup .detail-page .wrap ul > li,
#app-popup .ap-desc .wrap ul > li {
	margin: 0;
}
#app-popup .detail-page .wrap ul > li::before,
#app-popup .ap-desc .wrap ul > li::before {
    content: "↓";
    display: inline-block;
    width: 18px;
    margin-left: -20px;
}

#app-popup .detail-page .wrap ul > li.additional_link_2::before,
#app-popup .ap-desc .wrap ul > li.additional_link_2::before,
#app-popup .detail-page .wrap ul > li.additional_link_3::before,
#app-popup .ap-desc .wrap ul > li.additional_link_3::before,
#app-popup .detail-page .wrap ul > li.additional_link_4::before,
#app-popup .ap-desc .wrap ul > li.additional_link_4::before,
#app-popup .detail-page .wrap ul > li.additional_link_5::before,
#app-popup .ap-desc .wrap ul > li.additional_link_5::before,
#app-popup .detail-page .wrap ul > li.additional_link_6::before,
#app-popup .ap-desc .wrap ul > li.additional_link_6::before {
	content: "→";
    display: inline-block;
    width: 18px;
    margin-left: -20px;
}



#app-popup .detail-page .detail-nav,
#app-popup .ap-desc .detail-nav {
	position: absolute;
	bottom: 30px;
	left: 40px;
	display: flex;
}

#app-popup .detail-page .detail-nav .back,
#app-popup .detail-page .detail-nav .prev,
#app-popup .detail-page .detail-nav .next,
#app-popup .ap-desc .detail-nav .back,
#app-popup .ap-desc .detail-nav .prev,
#app-popup .ap-desc .detail-nav .next {
	width: auto;
	height: 25px;
	padding: 0 15px;
	display: inline-block;
	margin-right: 10px;
	
	border-radius: 13px;
	border: solid 2px #000;
	background-color: #000;
	
	
	font-family: 'mabry-medium-pro', Arial, sans-serif; 
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 22px;
	letter-spacing: normal;
	text-align: left;
	color: #fff;

	text-decoration: none;
}

#app-popup .detail-page .detail-nav .prev,
#app-popup .detail-page .detail-nav .next,
#app-popup .ap-desc .detail-nav .prev,
#app-popup .ap-desc .detail-nav .next {
	padding: 0;
	width: 25px;
	height: 25px;
	
	
	background-size: auto 16px;
	background-repeat: no-repeat;
	
	
}
#app-popup .detail-page .detail-nav .prev,
#app-popup .ap-desc .detail-nav .prev {
	background-image: url(/includes/icons/arrow-left-white.png);
	background-position: 4px 3px;
}
#app-popup .detail-page .detail-nav .next,
#app-popup .ap-desc .detail-nav .next {
	background-image: url(/includes/icons/arrow-right-white.png);
	background-position: 7px 3px;
	margin-right: 0;
}



#app-popup .detail-page .circle, 
#app-popup .ap-desc .circle {
	position: relative;
	right: 0;
	top: 10px;
	z-index: 24;
	width: 115px;
	height: 115px;
	border-radius: 60px;
	font-size: 20px;
	line-height: 1.1;
	display: flex;
	align-items: center;
	text-align: center;
	transform: rotate(12deg);
	
	background-color: #ff4640;
}


#app-popup .detail-page .circle p, 
#app-popup .ap-desc .circle p {
	padding: 0 20px;
	width: 100%;
	word-break: break-word;
	margin: 0;
	color: white;
	white-space: normal;
	font-size: 17px;
	hyphens: manual;
}





















#app-popup form.finder div.input .slider .noUi-handle {
	background-color: #eeeeee;
	border: solid 2px #000;
    box-shadow: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: -5px;
    right: -6px;
}

#app-popup form.finder div.input .slider .noUi-tooltip {
	position: relative;
	bottom: auto;
	top: 12px;
	border: none;
	background: transparent;
	
	font-family: 'mabry-medium-pro', Arial, sans-serif;
	font-size: 15px;
	width: fit-content;
}

/* #app-popup form.finder div.input .slider .noUi-handle-lower .noUi-tooltip {	
	left: -5px;	
	right: auto;
	transform: translate(0,0);
}
#app-popup form.finder div.input .slider .noUi-handle-upper .noUi-tooltip {
	right: -5px;	
	left: auto;
	transform: translate(-100%,0);
}
 */

#app-popup form.finder div.list div.row.hidden + div.details { display:none; }
#app-popup form.finder #finder2 .col-4-1 > div { width:80px; float: left; display: inline-block; }
#app-popup form.finder #finder2 .col-4-1 > div + div { width: 100%; display: flex; flex-wrap: wrap;}
#app-popup form.finder #finder2 .col-4-1 div.input { display: -webkit-box;  display: -ms-flexbox;  display: flex; float: left; margin-right: 10px; width: calc(100%/3 - 10px); }

#app-popup form.finder #finder2 div.input.disabled { opacity: 0.4; }



#app-popup form.finder #finder2 .col-haus div.input { display: -webkit-box;  display: -ms-flexbox;  display: flex; float: left; margin-right: 20px; width: calc(100%/3 - 31px); }

div.content form div.input .slider-wrapper {
	height: 12px;
	width: 100%;
	
	display: inline-block;
}
div.content form div.input .slider + input { display:none; }
div.content form div.input .slider.noUi-target { background:none; border-radius:0; border:0; box-shadow:none; height:2px; margin:5px; margin-left:6px; margin-right:6px; }
div.content form div.input .slider .noUi-base { background-color: #bbbbbb; }
div.content form div.input .slider .noUi-connect { background-color:#000000; position: relative;}
div.content form div.input .slider .noUi-connects:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-shadow: 10px 15px 15px 5px rgba(0,0,0,0.75); }
div.content form div.input .slider .noUi-handle { background-color:#68804f; border:0; box-shadow:none; width:12px; height:12px; border-radius:50%; top:0px; }
div.content form div.input .slider .noUi-handle:before { display:none; }
div.content form div.input .slider .noUi-handle:after { display:none; }

div.content form div.input > input[type=submit] { font-weight:bold; padding:20px; padding-top:16px; padding-bottom:16px; background-color:#000; color:#fff; cursor:pointer; }
div.content form div.input > input[type=submit]:hover { background-color:#888; }

div.content form div.input > input[type=checkbox].error + label:before,
div.content form div.input > input[type=radio].error + label:before,
div.content form div.input .error { background-color:#ddd; }
div.content form.finder fieldset { border:0; margin:0; padding:0; margin:auto; width:100%; max-width:634px; }


div.content form.finder div.result { position:relative; margin-top:45px; margin-left:12px; margin-right:12px; }
div.content form.finder div.result div.detail { display:block; position:relative; width:72%; float:left; overflow:auto; }
div.content form.finder div.result div.detail + div.overview { width:28%; margin-top:70px; float:right; max-width: 20%; float: left; position: relative; }

div.content form.finder div.result table.list { position:relative; width:100%; }
div.content form.finder div.result table.list tr { overflow:hidden; font-size:18px; line-height:1.2em; }
div.content form.finder div.result table.list tr.hidden { display:none; }
div.content form.finder div.result table.list tr.empty { display:none; }
div.content form.finder div.result table.list tr > td { position:relative; vertical-align:top; padding:10px; padding-left:0; border-bottom:3px solid #000; }
div.content form.finder div.result table.list tr > td:first-child { padding-left:54px; }
div.content form.finder div.result table.list tr.expandable > td:first-child { background-image: url('../arrow_down.png'); background-repeat: no-repeat; background-position: 15px 10px; background-size: 24px;}
div.content form.finder div.result table.list tr.expandable.active > td:first-child { background-image: url('../arrow_up.png'); }

div.content form.finder div.result table.list tr > td.dot { padding-left:20px; }
div.content form.finder div.result table.list tr > td.dot:before { display:block; content:""; position:absolute; top:14px; left:0; width:16px; height:16px; border-radius:50%; }
div.content form.finder div.result table.list tr > td.dot.green:before { background-color:#77881c; }
div.content form.finder div.result table.list tr > td.dot.orange:before { background-color:#AC4F4F; }
div.content form.finder div.result table.list tr > td.dot.red:before { background-color:#FFD6DC; }

div.content form.finder div.result table.list tr.head > td { font-weight:bold; vertical-align:top; line-height: 0.8em;}
div.content form.finder div.result table.list tr.head > td > .table-small{ font-size: 10px;line-height: 18px; }
div.content form.finder div.result table.list tr.head > td > sup{font-size: 12px;line-height: 8px;}
div.content form.finder div.result table.list tr.head > td:first-child:before { display:none; }
div.content form.finder div.result table.list tr.detail > td:first-child:before { display:none; }
div.content form.finder div.result table.list tr:last-child > td:first-child:before { display:none; }

div.content form.finder div.result table.list tr:hover { background-color:#d3e8d6; cursor:pointer; }
div.content form.finder div.result table.list tr.head:hover,
div.content form.finder div.result table.list tr.detail:hover,
div.content form.finder div.result table.list tr.empty:hover { background:none; cursor:auto; }

div.content form.finder div.result table.list[data-filter-found-count="0"] tr.empty { display:table-row; }
div.content form.finder div.result table.list[data-filter-found-count="0"] tr.empty td { text-align:center; }


div.content form.finder div.result table.list tr.detail { display:none; padding-top:29px; padding-right:54px; text-align:center; }
div.content form.finder div.result table.list tr.active + tr.detail { display:table-row; }
div.content form.finder div.result table.list tr.active.hidden + tr.detail { display:none; }

div.content form.finder div.result table.list tr.detail p { margin:0; margin-bottom:21px; }
div.content form.finder div.result table.list tr.detail p img { margin:0; width: 50%; max-width: 50%; }

div.content form.finder div.result table.list tr.detail .button { display:inline-block; text-decoration:none;position:relative; border:3px solid #000; font-size:24px; line-height:1em; font-weight:bold; padding:7px; padding-left:20px; padding-right:20px; }
div.content form.finder div.result table.list tr.detail .button.icon { padding-left:50px; }
div.content form.finder div.result table.list tr.detail .button.icon svg { height:1em; position:absolute; top:7px; left:7px; }

div.content form.finder div.result table.list tr.detail .button.highlight,
div.content form.finder div.result table.list tr.detail .button:hover,
div.content form.finder div.result table.list tr.detail .button:hover span { background-color:#000; color:#fff; }
div.content form.finder div.result table.list tr.detail .button.highlight svg path,
div.content form.finder div.result table.list tr.detail .button:hover svg path { fill:#fff; }

div.content form.finder div.result table.list tr.detail .button.highlight { margin-top:15px; margin-bottom:15px; }

div.content form.finder div.result table.list td.hover div.hidden { position: absolute; bottom: -65px; background: #fff; border: 2px solid #000; z-index: 2; padding: 5px; }
div.content form.finder div.result table.list td.hover div.hidden.open { display: block; }




div.content form.finder div.result div.overview p { margin:0; margin-left:15px; margin-bottom:0px; }
div.content form.finder div.result div.overview p img { display:block; width:100%; height:auto; margin:0; max-height: 315px; width: auto; }

div.content form.finder fieldset h3 { font-size:22px; line-height:1em; margin:0; margin-bottom:9px; }




.isometrie-mode .footer {
	display: none;
	
}

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

	#app-popup {
		width: 100%;
		padding: 0 20px;
	}
	header.isometrie div.top-link {
		right: 20px;
	}
}

@media screen and (max-width: 967px) {
	#app-popup {
		width: 100%;
		padding: 0;
	}
	
	#app-popup form.finder #finder2 {
		display: none;
	}
	#app-popup form.finder.one-ap #finder2 {
		display: flex;
		width: 100%;
	}
	#app-popup form.finder .result {
		width: 100%;
		padding: 0;
	}
	#app-popup form.finder #finder3 .col-1-3 {
		width: calc(100% / 2 * 1);
	}
	
	
	#app-popup form.finder div.result table.detail td.show-more {
		text-align: left;
	}
	
	
	#app-popup .detail-page {
		left: 0;
		padding-left: 0 !important;
	}
	#app-popup .ap-desc {
		padding: 0 20px 30px;
	}
	

	#app-popup h2 {
		font-size: 20px;
		margin: 0 20px;
	}
	
	#app-popup form.finder .result {
		min-width: 0;
	}
	#app-popup form.finder #finder3 .col-4-4.row-2 {
		flex-direction: column;
	}
	#app-popup form.finder #finder3 .filter-row-title {
		height: 25px;
	}
	#app-popup form.finder #finder3 .col-4-4.row-2 .col {
		width: 100%;
	}
	
	
	#app-popup .detail-page.shown {
		display: inline-table;
		padding-right: 0 !important;
	}
	
	#app-popup .detail-page .wrap,
	#app-popup .ap-desc .wrap	{
		font-size: 15px;
	}
	
	#app-popup .detail-page .applybutton,
	#app-popup .ap-desc .applybutton {
		margin-right: 10px;
		float: left;
		width: 105px;
	}
	
	#app-popup .detail-page .applybutton > a,
	#app-popup .ap-desc .applybutton > a	{
		font-size: 15px;
		height: 25px;
		padding: 3px 15px 4px 16px;
	}
	
	#app-popup .detail-page .detail-nav,
	#app-popup .ap-desc .detail-nav	{
		position: static;
		float: left;
		margin-top: 30px;
		
	}
	
	#app-popup form.finder.one-ap .result {
		width: 100%;
	}
	
	#app-popup form.finder.one-ap div.result table.detail tr.row:not(.active) {
		display: none;
	}
	
	
	#app-popup form.finder.one-ap {
		flex-direction: column-reverse;
	}
	
	
	#app-popup form.finder.one-ap div.result {
		min-width: 0;
		display: none;
	}
	
	#app-popup form.finder div.result .table-wrap {		
		overflow-x: scroll;
		border-bottom: none;	
		
		padding: 0 20px;
	}
	
	#app-popup form.finder.one-ap div.result .table-wrap {
		height: auto;		
	}
	
	#app-popup form.finder.one-ap #finder3 {
		display: none;
	}
	#app-popup form.finder #finder3 { 		
		padding: 0 20px;
	}
	
	#app-popup form.finder.one-ap #finder2 {
		display: flex;
		width: 100%;
		flex-direction: column;
		min-width: 0;
		
	}
	#app-popup form.finder.one-ap #finder2 .overvieww.selected .col {
		width: 100%;
		height: auto;
	}
	#app-popup form.finder #finder2 .overvieww.selected .col-full {
		height: auto;
		max-height: 100%;
	}
	#app-popup form.finder #finder2 .overvieww .col-full img {		
		
		height: auto;
		max-height: 100%;		
		max-width: calc(100% - 40px);
	}
		 
	#app-popup form.finder:not(.one-ap) div.result .legend {
		padding: 0 20px;	
	}
	#app-popup form.finder:not(.one-ap) div.result .legend.sticky {
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		background: #eee;
		padding: 10px 20px 15px;
		margin: 0;
		z-index: 3;
	}


	#app-popup > div {
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
	}

	#app-popup #isometrie_plan_small {
		height: calc(50vh - 95px);	
		max-height: 300px;
	}

	
	
}

@media screen and (max-width: 560px) {
	#app-popup form.finder div.result table.detail {		
		max-width: 600px;
	}
}