:root {
    --bg-color--hover: #ded5cc;
    --bg-color-row--hover: #ff7700;
    --bg-color--active: #ffffff;
    --bg-color--filter-border: #CE6C18;
    --bg-color--filter-content: #ffffff;
    --color-light: #fff;
    --color-dark: #000002;
    --color-border: #f7f4e5;
    --mainColor: #f7f4e5;
    --secondColor: #9c8267;
    --thirdColor: #CBCBCB;
    --mainTextColor: #000002;
    --secondaryTextColor: #dfdcc7;
    --filterMainTextColor: #9c8267;
    --filterSecondaryTextColor: #f7f4E5;
    --activeTextColor: #fff;
    --inactiveColor: #111111;
    --activeColor: #000002;
    --hotspotHeadColor: #CE6C18;
    --hotspotTextColor: var(--color-dark);
    --hotspotTextSize: 15px;
    --hotspotTextWeight: 400;
    --font-family-courier-new: Courier New !important;
    --font-family-avenir: Avenir !important;
    --font-family-montserrat: Montserrat !important;
    --font-style-normal: normal !important;
    --font-weight-900: 900px;
    --font-weight-bold: bold;
    --font-weight-medium: medium;
    --mask-height: 0;
    --mobile-max-width: 767px;
    --object-highlight: rgba(199, 95, 38, .25)
}

#footer,#header,#header+hr {
    display: none
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/Nunito_Sans/NunitoSans-Regular.ttf');
    src: local(''), url('../Fonts/Nunito_Sans/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),url('../Fonts/Nunito_Sans/NunitoSans-Regular.woff2') format('woff2'),url('../Fonts/Nunito_Sans/NunitoSans-Regular.woff') format('woff'),url('../Fonts/Nunito_Sans/NunitoSans-Regular.ttf') format('truetype'), url('../Fonts/Nunito_Sans/NunitoSans-Regular.svg') format('svg')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: url('../Fonts/Montserrat/montserrat-thin.eot');
    src: local(''), url('../Fonts/Montserrat/montserrat-thin.eot?#iefix') format('embedded-opentype'), url('../Fonts/Montserrat/montserrat-thin.woff2') format('woff2'), url('../Fonts/Montserrat/montserrat-thin.woff') format('woff'), url('../Fonts/Montserrat/montserrat-thin.ttf') format('truetype'), url('../Fonts/Montserrat/montserrat-thin.svg') format('svg')
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/Montserrat/montserrat-regular.eot');
    src: local(''), url('../Fonts/Montserrat/montserrat-regular.eot?#iefix') format('embedded-opentype'), url('../Fonts/Montserrat/montserrat-regular.woff2') format('woff2'), url('../Fonts/Montserrat/montserrat-regular.woff') format('woff'), url('../Fonts/Montserrat/montserrat-regular.ttf') format('truetype'), url('../Fonts/Montserrat/montserrat-regular.svg') format('svg')
}



@media screen and (max-width: 1280px) {
    :root {
        --hotspotTextSize:12px
    }
}

#v3d-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: width 0.3s ease, height 0.3s ease
   
}

#v3d-container > canvas {
    opacity: 0;
    transition: opacity 1s linear;
    z-index: -1;
    
}

.fullscreen-button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 100% 100%;
    display: none;
    z-index: 1
}

.fullscreen-open {
    background-image: url('../media/fullscreen_open.svg')
}

.fullscreen-close {
    background-image: url('../media/fullscreen_close.svg')
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.debug_controls {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 99;
    display: none
}

.debug_controls * {
    color: #fff !important;
    cursor: pointer;
    pointer-events: all
}

.breadcrumb {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 2;
    color: var(--mainTextColor);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    pointer-events: all
}

.breadcrumb a {
    color: var(--secondaryTextColor)
}
.interface_table_wrapper {
    height: 70%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    /* display: none; */
}
#btnSkip {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 2;
    color: var(--mainTextColor);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    pointer-events: all;
    cursor: pointer
}

.dd_webgl_floorplan_wrapper h2 {
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0;
    letter-spacing: 2px;
    font-weight: 500
}

.interface_filter-header i {
    height: 44px
}

.dd_webgl_floorplan_wrapper i {
    margin-right: 10px
}

.dd_webgl_floorplan_wrapper i::before {
    /* color: var(--color-border); */
    font-size: 25px
}

.pretty .state label:before {
    border: none!important;
    border-color: var(--color-border);
    background-color: var(--color-dark);
    box-shadow: 0 0 0 13px var(--color-border) inset;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease
}

.pretty .state label:after,.pretty.p-default input:checked~.state label:after {
    display: none
}

.pretty.p-default input:checked~.state label:before {
    box-shadow: 0 0 0 5px grey inset
}

.pretty .state label {
    height: 18px;
    text-indent: 2em;
    vertical-align: middle
}

.dd_webgl_floorplan_wrapper {
    background: #E8E6D5;
    position: relative;
    width: 100% !important;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    left: 0;
    top: 0;
    max-width: 100% !important;
    z-index: 10;
    font-family: 'Montserrat';
    color: var(--mainTextColor)
}

.dd_webgl_floorplan_wrapper * {
    /* font-family: 'Montserrat'; */
    color: var(--mainTextColor)
}


.dd__info-wrapper-box {
    left: 0;
    position: absolute;
    top: 163px;
    z-index: 2000
}

.dd__info-wrapper-box--disabled {
    display: none
}

@media screen and (max-width: 768px) {
    .dd__info-wrapper {
        display:none
    }
}

.dd__info-wrapper--hidden {
    cursor: pointer;
    height: 47px;
    width: 47px
}

.dd__info-wrapper--hidden .dd__info-text,.dd__info-wrapper--hidden .dd__info-img,.dd__info-wrapper--hidden .dd__info-button,.dd__info-wrapper--hidden .dd__info-head span {
    opacity: 0
}

.dd__info-wrapper--hidden .dd__info-head span {
    max-width: 0
}

.dd__info-wrapper--hidden .dd__info-text,.dd__info-wrapper--hidden .dd__info-img,.dd__info-wrapper--hidden .dd__info-button {
    display: none
}

@media screen and (min-width: 768px) {
    .dd__info-wrapper--hidden:hover .dd__info-head::before {
        background-color:var(--bg-color--filter-border);
    }
}

@media screen and (min-width: 768px) {
    .dd__info-wrapper:not(.dd__info-wrapper--hidden) .dd__info-button:hover:before {
        border-color:transparent var(--bg-color--filter-border) transparent transparent;
        
    }
}

.dd__info-button {
    border: none;
    display: block;
    position: absolute;
    height: 40px;
    left: 0;
    width: 40px;
    background: transparent;
    top: 0
}

.dd__info-button:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 14px 11.5px 0;
    border-color: transparent rgba(0,0,0,0.58) transparent transparent;
    position: absolute;
    
  
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dd__info-head {
    color: var(--activeColor);
    font-family: var(--font-family-courier-new);
    font-weight: bold;
    line-height: 1.5;
    margin-top: 12px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dd__info-head span {
    color: var(--color--dark);
    overflow: hidden
}

.dd__info-head:before {
    background-color: var(--color--dark);
    border-radius: 22px;
    color: var(--mainColor);
    content: 'i';
    display: inline-block;
    font-family: var(--font-family-courier-new);
    margin-right: 5px;
    height: 22px;
    width: 22px
}

.dd__info-text,.dd__info-img,.dd__info-button,.dd__info-head span {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1
}

.dd__info-img {
    margin-top: 20px;
    text-align: center
}

.dd__info-img svg {
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.dd__info-text {
    color: var(--color--dark);
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
    margin: 10px 20% 0
}

.dd__info-text strong {
    color: var(--color--dark);
    font-weight: bold
}




.interface_wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 1fr 22%;
    pointer-events: none;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 0;
}

.interface__close {
    height: 38px;
    position: absolute;
    width: 142px
}

.interface_wrapper *,.interface_wrapper *:after,.interface_wrapper *:before {
    box-sizing: border-box
}

.interface_wrapper li,.interface_wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.interface_menue {
    background-color: #ffffff;
    display: grid;
    flex: 1 1 auto;
    min-height: 300px;
    padding: 20px;
    place-items: center;
    pointer-events: auto;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease;
    width: 100%
}

.interface_menue--hidden {
    left: 100%;
    overflow: unset
}

.interface_menue .logo {
    background-image: none;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 30px 0;
    height: 65px
}

.interface__intro_info {
    display: inline-block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100
}

.interface__intro_info--hidden {
    display: none
}

.interface__intro_info p {
    line-height: 1.3;
    margin-top: 14px
}

.interface__intro_info p:first-child {
    margin-top: 0
}

.hideContainer {
    display: none
}

.invisContainer {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    max-height: 0
}

.showContainer {
    display: inherit
}

.interface_map {
    position: absolute;
    bottom: 2%;
    left: 2%;
    width: 10vw;
    cursor: pointer;
    pointer-events: all
}

.interface_menue_map {
    width: 100%;
    margin: 15px 0
}

.interface_map img,.interface_menue_map svg {
    width: 100%;
    height: auto;
    border: 1px solid var(--mainColor);
    background-color: #fff
}

.interface_map div {
    background-color: var(--mainColor);
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    margin-top: 5px;
    padding: 3px 0;
    float: left;
    text-align: center;
    font-size: var(--hotspotTextSize);
    display: flex;
    align-items: center;
    justify-content: center
}

.interface_map div i::before {
    color: #fff
}

svg .hotspots {
    cursor: pointer
}

svg .hotspots * {
    fill: #DADADA !important;
    stroke: #9B8266 !important
}

svg .hotspots.active * {
    fill: var(--color-border) !important;
    stroke: #9B8266 !important
}

.interface_text {
    padding: 10px 45px
}

.interface_text p {
    padding: 0 0 10px;
    margin: 0
}

.interface_table_wrapper h2,.interface_text h2 {
    font-size: 34px;
    display: flex;
    place-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700
}

.interface_table_wrapper h2 i::before,.interface_text h2 i::before {
    font-size: 40px;
    color: var(--mainTextColor)
}

.interface_table_wrapper h2 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.interface_table_wrapper h2 i::before {
    font-size: 22px
}

.interface__filter-wrapper {
    height: 100vh;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    display: flex;
    flex-flow: column;
    
      
        
}



@media screen and (min-width: 768px) {
    .interface__filter-wrapper {
        width:min(50%, 500px)
    }

    .interface__filter-wrapper--inactive {
        visibility: hidden
    }
}

.interface__filter-wrapper--collapsed .interface_filter {
    overflow: hidden
}

.interface__filter-wrapper--collapsed-full .interface_filter {
    overflow: hidden
}

.interface_filter {
    background-color: var(--bg-color--filter-content);
    
    color: var(--bg-color--filter-border);
    flex: 1 0 auto;
    padding: 40px 93px 0 40px;
    pointer-events: all;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    top: 80px;
    height: calc(100% - 125px);
    overflow: hidden;
    z-index: 2;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 0.3s ease;
    width: 100%;
    max-height: 800px
}

.interface_filter__view-toggle,.interface_list__view-toggle {
    display: inline-flex;
    opacity: 0;
    position: absolute;
    transform: rotate(-90deg);
    left: -130px;
    height: 50px;
    top: 200px;
    z-index: -1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--color-border);
    width: 210px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.interface_filter.interface_filter--hidden {
    left: 100%;
    overflow: unset;
    z-index: 3;
   
}

.interface_filter__view-toggle .interface_filter-header,.interface_list__view-toggle .interface_table-header {
    font-size: 18px;
    margin: 0
}

.interface_filter__view-toggle .interface_filter-header i,.interface_list__view-toggle .interface_table-header i {
    height: auto
}

.interface_filter.interface_filter--hidden .interface_filter__view-toggle,.interface_menue.interface_menue--hidden .interface_list__view-toggle {
    opacity: 1;
    z-index: 50
}

.interface_list__view-toggle {
    background-color: var(--color-border);
    top: 546px;
    width: 307px;
    left: -178px
}

.interface_list__view-toggle .interface_table-header,.interface_list__view-toggle .interface_table-header .dd-icon-icon-list:before {
    color: var(--color-dark)
}

.interface_filter-header,.interface_table-header {
    font-size: 20px;
    text-align: left;
    font-family: var(--font-family-courier-new);
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    margin: 0 0 20px -6px;
    text-transform: none;
    letter-spacing: 1px
}

.interface__btn-close {
    cursor: pointer;
    height: 38px;
    position: absolute;
    right: 14px;
    top: 40px;
    width: 142px;
    z-index: 200;
    user-select: none
}

.interface__btn-close:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 0 11.5px 19.9px;
    transform: rotate(0deg) translateY(-50%);
    right: 10px;
    top: 50%
}

.interface__btn-close--filter:before {
    border-color: transparent transparent transparent var(--inactiveColor)
}

.interface__btn-close--list {
    top: 22px
}

.interface__btn-close--list:before {
    /* border-color: transparent transparent transparent #676560 */
     border-color: transparent transparent transparent var(--inactiveColor)
}

.interface__btn-close--hidden {
    display: none
}

.interface_filter-subheader {
    color: var(--filterMainTextColor);
    font-size: 12px;
    font-weight: bold;
    padding-left: 12px;
    text-transform: uppercase;
    text-align: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ul.interface_filter_navigation {
    display: flex;
    height: 34px;
    margin: 0 12px 10px
}

.interface_filter_navigation-item {
    color: var(--filterMainTextColor);
    cursor: pointer;
    flex: 1;
    font-weight: bold;
    align-items: center;
    display: flex;
    justify-content: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.interface__filter-result {
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center
}

.interface_filter__result-head {
    font-family: var(--font-family-courier-new);
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    flex: 0 0 auto
}

.interface_filter__result-content,.interface_filter__result-content span {
    color: var(--color-dark);
    font-family: Nunito, sans-serif;
    flex: 0 0 auto
}

.interface__btn-reset--filter {
    background-color: rgba(199, 95, 38, 0);
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: absolute;
    width: 100%;
    user-select: none
}

.interface__btn-reset--filter span {
    display: inline-block;
    line-height: 1;
    opacity: 0;
    transition: all 0.3s ease
}

.interface__btn-reset--filter:hover {
    background-color: rgba(199, 95, 38, 1)
}

.interface__btn-reset--filter:hover span {
    opacity: 1
}

.interface__btn-reset--filter:hover i::before {
    opacity: 1
}

.interface__btn-reset--filter i::before {
    opacity: 0.5;
    transition: opacity 0.3s ease
}

#tablepress-1_info {
    display: none
}

.interface_filter_input_wrapper::after {
    display: none;
    content: '';
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 26px;
    left: 0;
    background: linear-gradient(to bottom, rgba(235,229,224,0) 0%,rgb(235, 229, 224) 100%);
    z-index: 100
}

.interface_filter_navigation-item:hover {
    background-color: var(--bg-color--hover);
    color: var(--filterSecondaryTextColor)
}

.interface_filter_navigation-item--active {
    background-color: var(--bg-color--hover);
    color: var(--filterSecondaryTextColor)
}

.interface_filter_navigation-item--inactive {
    color: #aaa;
    cursor: default
}

.interface_filter_navigation-item--inactive:hover {
    color: #aaa;
    background-color: transparent
}

.interface_filter_input_wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 40px;
    padding-right: 20px;
    position: relative;
    max-height: calc(100% - 50px)
}

.interface__filter-wrapper:not(.interface__filter-wrapper--collapsed) .interface_filter_input_wrapper {
    --scrollbar-width: 8px;
    scrollbar-color: var(--color-border) transparent;
    padding-bottom: 16px;
    padding-right: 40px;
    --mask-image-content: linear-gradient( to bottom, transparent, black var(--mask-height), black calc(100% - var(--mask-height)), transparent );
    --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;
    --mask-image-scrollbar: linear-gradient(black, black);
    --mask-size-scrollbar: var(--scrollbar-width) 100%;
    mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    -webkit-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    -webkit-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    mask-position: 0 0, 100% 0;
    -webkit-mask-position: 0 0, 100% 0;
    mask-repeat: no-repeat, no-repeat;
    -webkit-mask-repeat: no-repeat, no-repeat
}

#filterValue_Count_Number  {

font-size: 40px;
padding: 25px;
color: var(--activeColor);

}

strong {
    color: var(--activeColor) !important;
}
::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(222, 222, 222, .75)
}

::-webkit-scrollbar:horizontal {
    height: 8px
}

::-webkit-scrollbar-track {
    border-radius: 0;
    -webkit-box-shadow: 0 0 6px #c8c8c8 inset
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .5);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--mainColor);
    border: 1px solid var(--mainColor)
}

::-webkit-scrollbar-thumb:active {
    background-color: var(--mainColor);
    border: 1px solid var(--mainColor)
}

.interface__filter-wrapper--collapsed .interface_filter_input_wrapper,.interface__filter-wrapper--collapsed-full .interface_filter_input_wrapper {
    overflow-y: hidden
}

.interface_filter-trigger-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    display: block!important;
    background-color: var(--bg-color--filter-border);
    height: 37px;
    width: 100%;
    z-index: 20
}

.interface_filter-trigger-button {
    display: flex;
    color: var(--color-light)!important;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    border: none !important;
    padding: 8px !important;
    outline: none!important;
    width: 100%;
    font-size: 14px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.interface_filter-trigger-button--hidden {
    display: none
}

.interface_filter-trigger-button::before {
    content: '';
    margin-right: 5px;
    margin-top: 2px;
    width: 0;
    height: 0;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent var(--color-light) transparent;
    border-style: solid
}

.interface__filter-wrapper--collapsed .interface_filter-trigger-button::before,.interface__filter-wrapper--collapsed-full .interface_filter-trigger-button::before {
    border-width: 6px 6px 0 6px;
    border-color: var(--color-light) transparent transparent transparent
}

.interface_filter-trigger-button-statetext {
    color: var(--color-light);
    display: inline-block;
    padding-right: 3px
}

.interface__filter-wrapper:not(.interface__filter-wrapper--collapsed) .interface_filter-trigger-button-statetext--more {
    display: none
}

.interface__filter-wrapper--collapsed .interface_filter-trigger-button-statetext--less {
    display: none
}

.interface_filter_input_wrapper--collapsed {
    height: 0
}

.interface_filter.visible {
    opacity: 1;
    pointer-events: all
}

.interface_filter.foreground {
    z-index: 2
}

.interface_filter-section {
    margin-top: 50px;
    padding-top: 0
}

.interface_filter-section:first-child {
    margin-top: 0
}

.filter__type-label {
    align-content: center;
    color: var(--filterMainTextColor);
    cursor: pointer;
    display: flex !important;
    flex: 1;
    font-weight: bold;
    justify-content: center;
    padding: 2px 0 !important;
    text-align: center;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.filter__type-label:nth-child(3) {
    margin: 0 5px
}

.filter__type-label:hover {
    background-color: var(--bg-color--hover)
}

input[type="radio"]:checked + .filter__type-label {
    background-color: var(--bg-color--hover);
    color: var(--mainTextColor)
}

.interface__filter-options {
}

.interface__filter-options--type {
    display: flex;
    padding: 0 12px;
    justify-content: space-between
}

.interface__filter-options--type input[type="radio"] {
    display: none
}

.interface_filter_content {
    margin-left: -40px;
    position: relative;
    height: 100%
}

.interface_filter_content > div {
    display: block
}

.interface_filter .dd-icon-icon-close {
    float: right;
    cursor: pointer
}

.interface_filter_content div.interface_filter_title {
    border-bottom: 1px solid rgba(247, 244, 229, .5);
    font-family: var(--font-family-courier-new);
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    padding: 0 0 10px
}

.interface_filter_content div.interface_filter_title span {
    color: var(--mainTextColor);
    display: none;
    font-weight: normal;
    text-transform: none
}

.interface_filter_content div.interface_filter_title.first {
    display: flex;
    background: none;
    place-items: center;
    justify-content: center;
    color: var(--mainTextColor);
    font-weight: 600;
    font-size: 16px
}

.interface_filter_content div.interface_filter_title.first span {
    font-size: 25px
}

.interface_filter_content div.interface_filter_options {
    color: var(--mainTextColor);
    padding: 10px 0 0;
    font-size: 16px;
    font-weight: normal
}

.interface_filter_content div.interface_filter_options * {
    color: var(--activeColor);
    font-size: 16px;
    font-weight: normal
}

.interface_filter_content div.interface_filter_options h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0
}

.interface_filter_content div.interface_filter_options h2 i::before {
    font-size: 38px
}

.interface_filter_content div.interface_filter_options i::before {
    color: var(--mainTextColor)
}

.interface_filter_content div.interface_filter_options.first {
    background-color: #e8edee;
    display: flex;
    justify-content: center;
    gap: 3px
}

.interface_filter_content div.interface_filter_options.first i {
    margin-left: auto;
    cursor: pointer
}

.interface_filter_options #btnNextBF,.interface_filter_options #btnPrevBF {
    cursor: pointer
}

.interface_filter_content .sliderWrapper {
    display: grid;
    grid-template-columns: repeat(1, auto 1fr auto);
    align-items: center;
    margin: 10px -3px 0 10px;
    row-gap: 10px
}

.sliderWrapper > div {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 97%
}

.sliderWrapper span {
    grid-row-start: 2;
    grid-row-end: 3;
    text-transform: none
}

.interface_filter .spacer {
    width: 100%;
    height: 2px;
    margin: 10px 0 9px;
    padding: 0 25px;
    background-color: #c4bdb3
}

.interface_table_wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

.interface_table_wrapper * {
    color: var(--color-dark)
}

.dataTables_wrapper {
    /* margin-right: 50px */
}

.interface_table_wrapper .dd-icon-icon-list:before {
    color: #676560
}

.tablepress thead th {
    background-color: transparent;
    border-bottom: 2px solid var(--bg-color--filter-border);
}

.interface_viewport {
    position: relative
}

.interface_controls {
    margin-top: 6px;
    height: auto;
    padding: 0 11px 11px 0;
    background-color: rgba(247,244,229,0.8);
    border-radius: 0 11px 11px 0;
    width: 47px;
}
.interface_controls__list {
    padding: 10px 0 0 10px;
    margin: 0
}
.interface_controls__btn {
    list-style-type: none;
    width: 25px;
    height: 25px;
    z-index: 1;
    position: relative;
    cursor: pointer;
    grid-row: 1;
    pointer-events: all;
    -webkit-transform-origin: center;
    transform-origin: center
}
.interface_controls--single {
    padding: 5px 0 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 46px;
    width: 262px;
    max-width: 47px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}
@media (min-width: 768px) {
    .interface_controls--single:hover {
        max-width:300px
    }
}

@media (min-width: 768px) {
    .interface_controls__btn:hover {
        color:var(--bg-color-filter-content);
        fill: var(--bg-color-filter-content)
    }

    .interface_controls__btn:hover div span {
        width: 100%
    }
}

.interface_controls__icn--disable {
    display: none
}

.interface_controls__btnCompass::before {
    background-color: #000;
    background-image: url(../media/compass.svg);
    background-repeat: no-repeat;
    content: '';
    display: block;
    -webkit-mask: url(../media/compass.svg) no-repeat;
    mask: url(../media/compass.svg) no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    height: 25px;
    width: 25px
}


.interface_controls__btnModel {
    height: 40px;
    width: 100%;
    white-space: nowrap
}

.interface_controls__btnModel svg {
    vertical-align: middle;
    width: 40px
}

.interface_controls__btnModel span {
    color: var(--activeColor) !important;
    display: -webkit-inline-box;
    display: inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    width: 0%
}

.interface_controls__btnModel--remove .interface_controls__icnModelRemove {
    display: block
}

.interface_controls__btnModel--remove .interface_controls__icnModelAdd {
    display: none
}

.interface_controls__btnModel:not(.interface_controls__btnModel--remove) .interface_controls__icnModelRemove {
    display: none
}

.interface_controls ul {
    display: grid;
    align-items: center;
    place-items: center;
    column-gap: 10px
}

.btn {
    /* width: 35px;
    height: 35px; */
    z-index: 1;
    position: relative;
    cursor: pointer;
    grid-row: 1;
    pointer-events: all
}

.btn a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

#btnFilter2::before,#btnFilter::before {
    width: 40px
}

.interface_filter.filtered {
    padding: 25px 32px
}

.interface_filter.filtered ul {
    display: grid
}

.btn::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #5a5853;
    margin: 0;
    padding: 0;
    line-height: 0;
    mask-size: 90%;
    mask-position: center !important;
    -webkit-mask-size: 90%;
    -webkit-mask-position: center !important
}

.btn:hover::before {
    background-color: #8e7f6e
}

.dataTables_scrollHeadInner {
    width: 100%!important
}

.dataTables_scrollHeadInner .tablepress {
    width: 100%!important
}

.dataTables_scrollBody {
    opacity: 1;
    overflow: hidden;
}

.interface__filter-wrapper--collapsed-full .dataTables_scrollBody {
    height: 73vh
}

.interface__filter-wrapper--collapsed .dataTables_scrollBody {
    height: 73vh
}




/* #tx_ddwohnungsfinder-table td.column-8 span {
    display: none
} */

.dataTables_wrapper table.tablepress {
    color: var(--color-dark);
    /* font-family: 'Nunito'; */
    font-size: 16px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ffffff;
}

.dataTables_wrapper table.tablepress td,.dataTables_wrapper table.tablepress th {
    word-break: normal;
    white-space: nowrap;
    padding: 8px 2px
}


.dataTables_wrapper table.tablepress tbody tr:nth-child(2n) {
    background-color: rgba(222, 219, 206, .25)
}

.dataTables_wrapper table.tablepress .sorting,.dataTables_wrapper table.tablepress .sorting_asc,.dataTables_wrapper table.tablepress .sorting_desc {
    padding-right: 0
}

.dataTables_wrapper table.tablepress .sorting::after,.dataTables_wrapper table.tablepress .sorting_asc::after,.dataTables_wrapper table.tablepress .sorting_desc::after {
    display: none
}

.dataTables_wrapper table.tablepress tfoot th,.dataTables_wrapper table.tablepress thead th {
    background-color: #dbd7d1;
    background: none
}

.dataTables_wrapper table.tablepress thead .sorting:hover,.dataTables_wrapper table.tablepress thead .sorting_asc,.dataTables_wrapper table.tablepress thead .sorting_desc {
    background-color: #8e7f6e;
    background: none
}

.dataTables_wrapper table.tablepress .row-hover tr td {
    background-color: rgba(209, 204, 196, 0.6);
    background: none;
    border: 0;
    cursor: pointer;
    vertical-align: middle
}

#c49 {
    margin-top: 80px
}

.dataTables_wrapper table.tablepress .row-hover tr.reserviert td {
    background-color: #cccccc !important
}

.dataTables_wrapper table.tablepress .row-hover tr.verkauft td {
    background-color: #d2acab !important
}

.tablepress-id-3 .column-3 {
    text-align: left;
}

/* 
.tablepress-id-3 .column-6,.tablepress-id-3 .column-7 {
    text-align: right
} */

.tablepress-id-3 .column-8 {
    text-align: right;
    padding-right: 15px!important
}

.tablepress td.column-1, .tablepress th.column-1, td.column-7, .tablepress th.column-7 {
    display: none;
    width: 0 !important;
    padding: 0 !important;
}
.dataTables_wrapper table.tablepress-id-3 td.column-9,.dataTables_wrapper table.tablepress-id-3 th.column-9 {
    width: 15px !important
}

.dataTables_wrapper table.tablepress-id-3 th.column-9:after {
    content: ''
}

.dataTables_wrapper table.tablepress-id-3 td.column-9 a {
    text-decoration: none;
    font-size: 28px;
    pointer-events: none;
    background: none !important;
    width: 35px;
    display: block
}

.dataTables_wrapper table.tablepress-id-1 td.column-9 i::before {
    color: var(--color-dark)
}

.dataTables_wrapper table.tablepress .row-hover tr.row-active td.column-9 a,.dataTables_wrapper table.tablepress .row-hover tr:hover td.column-9 a {
    pointer-events: all;
    opacity: 1
}

.dataTables_wrapper table.tablepress .row-hover tr.row-active td {
    background-color: var(--bg-color-row--hover) !important;
    font-weight: 600
}

@media (hover: hover) {
    .dataTables_wrapper table.tablepress .row-hover tr:hover td {
        background-color:#dedbce!important;
        font-weight: 600
    }
}

#tx_ddwohnungsfinder-table [class*="row-filtered-"],#tx_ddwohnungsfinder-table .row-filtered {
    display: none
}

.interface__table-empty-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.interface__table-empty-info--hidden {
    display: none
}

.checkboxWrap {
    display: inline-grid;
    grid-template-columns: repeat(2, 0.5fr);
    grid-auto-flow: dense;
    align-items: center;
    column-gap: 20px;
    row-gap: 20px;
    padding: 5px 0;
    white-space: nowrap;
    place-items: baseline
}

.checkboxWrap.floors {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.checkboxWrap.rooms {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.checkboxWrap.types {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(1fr);
    place-items: start
}

.checkboxWrap.states {
    place-items: start
}

.checkboxWrap.types span.types_color {
    background-color: #CBCBCB;
    display: inline-flex;
    margin: 0 0 0 10px;
    padding: 7px 14px
}

.checkboxWrap.types span.types_color.wa {
    background-color: #CBCBCB
}

.checkboxWrap.types span.types_color.gw {
    background-color: #CBCBCB
}

.noUi-horizontal {
    height: 8px
}

.noUi-horizontal .noUi-handle {
    border-radius: 4px;
    width: 17px;
    height: 23px;
    background-color: var(--color-dark);
    box-shadow: none;
    border: 2px solid var(--color-border);
    right: -7px;
    top: -8px
}

.interface_filter_content div.interface_filter_options .noUi-handle:before {
    background-color: var(--color-border);
    display: block;
    content: '';
    position: absolute;
    height: 50%;
    width: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.noUi-horizontal .noUi-tooltip {
    background-color: transparent;
    border: none;
    bottom: auto;
    top: 13px
}

.noUi-target {
    border: none
}

.noUi-connect {
    background-color: var(--hotspotHeadColor)
}


.noUi-handle:after,.noUi-handle:before {
    display: none
}

.noUi-connects {
    background-color: #CCCCCC;
    border-radius: 0
}
.noUi-handle{

    background-color: var(--hotspotHeadColor) !important;
}

.interface_lightbox {
    height: 100%;
    padding: 100px;
    background-color: rgba(221, 218, 204, 0.9);
    display: none;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 100
}

.interface_lightbox_content {
    height: 100%;
    background-color: var(--color-border);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    z-index: 999;
    display: inline-block
}

.interface_lightbox_content div,.interface_lightbox_content img {
    height: 100%
}

.interface_lightbox #btnPDF {
    width: auto;
    height: 40px;
    position: absolute;
    top: -15px;
    right: 0;
    pointer-events: all;
    cursor: pointer;
    color: var(--color--dark);
    border: 1px solid var(--activeColor);
    background-color: var(--bg-color--active);
    padding: 5px 60px 5px 10px;
    text-transform: uppercase;
    display: flex;
    place-items: center
}

.interface_lightbox #btnPDF a,.interface_lightbox #btnPDF a:focus,.interface_lightbox #btnPDF a:hover {
    /* color: #fff; */
    text-decoration: none !important;
    display: flex;
    place-items: center;
    background: none
}
a {
    text-decoration: none !important;
}

.interface_lightbox #btnPDF:hover {
}

.interface_lightbox #btnClose {
    background-color: var(--bg-color--filter-border);
    border: 2px solid var(--color-border);
    border-radius: 50px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -20px;
    right: -20px;
    pointer-events: all;
    cursor: pointer;
    transition: transform 0.3s ease
}

.interface_lightbox #btnClose:after,.interface_lightbox #btnClose:before {
    background-color: var(--color-border);
    content: '';
    display: block;
    height: 30px;
    width: 2px;
    position: absolute;
    top: 50%;
    left: 50%
}

.interface_lightbox #btnClose:after {
    transform: translate(-50%,-50%) rotate(45deg)
}

.interface_lightbox #btnClose:before {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.interface_lightbox #btnClose:hover {
    transform: rotate(180deg)
}

.v3d-preloader__itemwrapper {
    position:relative;
    left: 50%;
    top: 50%;
    /* transform: translate(-50%,-70%); */
    display: flex;
    flex-flow: column;
    align-items: center;
    max-width: 550px;
    width: 35vw;
   
}

.v3d-preloader__itemwrapper-logo {
    background-image: url("../media/Pier8.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: clamp(20px, 2vw, 115px);
    width: 100%;
    height: 20px;
    padding-top: 19.9%
}

.v3d-simple-preloader-background {
    background: var(--color-border);
    /* background-image: url("../Media/intro-bg.jpg"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.v3d-preloader__itemwrapper-icons {
    margin-top: clamp(50px, 2vw, 100px)
}

.v3d-preloader__itemwrapper-text {
    color: var(--color-dark);
    font-family: 'Nunito', sans-serif;
    line-height: 1.2;
    text-align: center
}

.v3d-simple-preloader-container {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 85vw;
    height: 100%;
    margin: 0
}

.v3d-preloader__itemwrapper-icons svg,.v3d-preloader__itemwrapper-intro svg {
    width: 100%
}

.v3d-simple-preloader-bar::before {
    content: '';
    position: absolute;
    width: 85vw;
    height: 5px;
    z-index: -2;
    background: rgba(255, 0, 0, .25)
}

.v3d-simple-preloader-bar {
    position: absolute;
    background: rgba(199, 95, 38, .25);
    border: 0;
    height: 5px;
    border-radius: 1px;
    bottom: 50px;
    left: 0;
    width: 100%
}

.v3d-simple-preloader-logo {
    width: 0;
    height: 0;
    max-height: 0;
    margin: 0;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7')!important
}

.v3d-preloader-spinner {
    margin-top: 80px;
    position: relative
}

.v3d-preloader-spinner__icon-text {
    color: var(--bg-color--filter-border);
    display: block;
    font-family: 'Nunito', sans-serif;
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    line-height: 1
}

.preload_white .v3d-simple-preloader-background {
    background: #FFF
}

.preload_white .v3d-simple-preloader-bar::before {
    background: #DDD
}

.preload_white .v3d-simple-preloader-bar {
    background: #1f1f1f
}

.preload_white .v3d-simple-preloader-logo {
    filter: invert()
}

.v3d-preloader-spinner__icon,.v3d-preloader-spinner__icon:after {
    border-radius: 50%;
    display: block;
    width: 10em;
    height: 10em
}

.v3d-preloader-spinner__icon {
    margin: 0 auto 10px;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 6px solid rgba(208, 194, 151, 1.00);
    border-right: 6px solid rgba(208, 194, 151, 1.00);
    border-bottom: 6px solid rgba(208, 194, 151, 1.00);
    border-left: 6px solid rgba(199, 95, 38, 1.00);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.v3d-annotation {
    font-family: inherit;
    background-color: var(--color-border);
    color: var(--hotspotTextColor);
    font-size: var(--hotspotTextSize);
    font-weight: var(--hotspotTextWeight);
    border-radius: 11px;
    border: 0;
    padding: 12px 20px;
    height: auto;
    pointer-events: all;
    opacity: 1 !important;
    letter-spacing: 1px;
    left: -95px;
    top: -250px;
    display: grid;
    grid-template-rows: repeat(auto);
    
}

.v3d-annotation.active {
    border: 2px solid #fff;
    z-index: 3
}

.v3d-annotation * {
    color: var(--hotspotTextColor)
}

.v3d-annotation a {
    text-decoration: none
}

.v3d-annotation:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -20px;
    margin-top: -1px;
    border-width: 20px;
    border-style: solid;
    border-color: var(--color-border) transparent transparent transparent
}

.v3d-annotation.uebersicht:after {
    border-color: var(--secondaryTextColor) transparent transparent transparent
}


.v3d-annotation.uebersicht,.v3d-annotation.uebersicht.inactive {
    background-color: #ccc;
    color: var(--secondaryTextColor);
    font-size: var(--hotspotTextSize);
    font-weight: var(--hotspotTextWeight);
    line-height: 130%
}

.v3d-annotation.uebersicht *,.v3d-annotation.uebersicht.inactive * {
    color: var(--secondaryTextColor)
}

.v3d-annotation.uebersicht {
    background-color: var(--secondaryTextColor);
    color: #fff;
    border: 0
}

.v3d-annotation.uebersicht * {
    color: #fff
}


.v3d-annotation__close {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    border: 1px solid var(--activeTextColor);
    right: -12px;
    border-radius: 20px;
    top: -12px;
    /* background: var(--color-border); */
    background: var(--activeColor);
    cursor: pointer
}

.v3d-annotation__close:after,.v3d-annotation__close:before {
    background-color: var(--activeTextColor);
    display: block;
    content: '';
    height: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 2px;
    position: absolute
}

.v3d-annotation__close:after {
    transform: translate(-50%,-50%) rotate(45deg)
}
.v3d-annotation__close:hover {
    background: var(--bg-color--filter-border);
    border-color: var(--activeTextColor);
}

.v3d-annotation.uebersicht.inactive i:before,.v3d-annotation.uebersicht.inactive::after {
    color: var(--secondaryTextColor);
    border-color: #ccc transparent transparent transparent
}

.v3d-annotation i:before {
    color: var(--hotspotTextColor);
    font-size: 30px !important
}

.v3d-annotation h4,.v3d-annotation.uebersicht h4 {
    color: var(--activeColor);
    margin: 0 0 10px;
    padding: 0;
    display: flex;
    place-items: center;
    justify-content: center;
    font-size: var(--hotspotTextSize) !important;
}

.color {
    background-color: var(--mainColor) !important;
    color: var(--hotspotTextColor) !important;
    border: 0 !important
}

.color * {
    color: var(--hotspotTextColor) !important
}

.color i:before {
    color: var(--hotspotTextColor) !important
}

.color:after {
    border-color: var(--mainColor) transparent transparent transparent !important
}

.v3d-annotation .dd-icon-icon-floorplan {
    pointer-events: all
}

.v3d-annotation.uebersicht h4::after {
    content: ''
}

.v3d-annotation.uebersicht span {
    opacity: 0.5;
    font-size: 10px;
    text-transform: uppercase
}

.v3d-annotation.uebersicht > div {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    column-gap: 10px;
    row-gap: 7px
}

.v3d-annotation.uebersicht > div div:first-child {
    text-align: left
}

.v3d-annotation.uebersicht > div div:last-child {
    text-align: right
}

.v3d-annotation#warning {
    background-color: var(--mainColor)
}

.v3d-annotation-dialog {
    position: absolute;
    top: -29px;
    left: -6px;
    margin-left: 0;
    margin-top: 0;
    user-select: none;
    padding: 5px 10px;
    min-width: 0;
    color: #fff;
    background: rgba(115, 115, 115, 0.8);
    border-radius: 0;
    line-height: 1.2;
    transition: opacity 0.5s;
    visibility: hidden;
    z-index: 9999;
    white-space: nowrap;
    word-spacing: normal
}

@media (max-width: 767px) {
    #v3d-container {
        display:none
    }

    .interface_viewport {
        position: relative

    }

    .dd_webgl_floorplan_wrapper {
        height: auto;
        width: 100vw;
       
                      
    }

    .interface_wrapper {
        height: auto;
        min-height: 760px;
        position: relative
    }

    .interface__filter-wrapper {
        /* height: auto; */
        padding-top: 0;
        position: relative;
        width: 100vw
    }

    .interface_filter,.interface_filter.interface_filter--hidden {
        bottom: 0;
        border-radius: 0;
        left: 0;
        max-width: 100%;
        overflow: visible;
        top: 0;
        width: 100%
    }

    .interface_filter.interface_filter--hidden {
        background-color: transparent
    }

    .interface_filter.interface_filter--hidden + .interface_menue.interface_menue--hidden .interface_table_wrapper {
        display: block
    }

    .interface_filter {
        height: 100%;
        margin-top: 58px;
        padding: 60px 0 37px 35px;
        z-index: 5
    }

    .interface__btn-close,.interface_filter-header,.interface_table-header {
        display: none
    }

    .interface_filter__view-toggle,.interface_list__view-toggle {
        display: inline-flex;
        opacity: 1;
        position: absolute;
        transform: rotate(0);
        left: 50%;
        height: 58px;
        top: -58px;
        z-index: 10;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background-color: var(--bg-color--filter-border);
        width: 50%;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all 0.3s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .interface_filter__view-toggle .interface_filter-header,.interface_list__view-toggle .interface_table-header {
        display: flex;
        font-size: 14px
    }

    .dd_webgl_floorplan_wrapper i::before {
        font-size: 30px
    }

    .dd_webgl_floorplan_wrapper td i {
        color: var(--bg-color--filter-border);
        display: block;
        margin-right: 0
    }

    .dd_webgl_floorplan_wrapper td i::before {
        color: var(--bg-color--filter-border)
    }

    .interface_lightbox_content div,.interface_lightbox_content img {
        height: auto;
        width: 95%
        
    }

    .interface_lightbox_content {
        height: fit-content;
        padding-bottom: 5px
    }

    .interface__btn-reset--filter {
        cursor: default;
        transition: none;
        width: auto;
        top: -40px;
        right: 20px;
        left: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .interface__btn-reset--filter i {
        order: 5
    }

    .interface__btn-reset--filter span {
        opacity: 1
    }

    .interface_filter_input_wrapper {
        overflow: visible
    }

    .interface_list__view-toggle {
        background-color: var(--color-border);
        left: 0
    }

    .interface_menue {
        left: 0;
        margin-top: 58px;
        padding: 0px;
        margin: 0;
        position: relative
    }

    .interface_filter--hidden .interface_filter_content,.interface_menue--hidden .interface_table_wrapper {
        display: none;
        padding: 0px;
    }

    .interface_table_wrapper {
       
        background-color: rgba(243, 240, 238, 1);
        padding: 15px 10px;
        pointer-events: all;
    
    }

    .interface_menue:not(.interface_menue--hidden) {
        z-index: 20
    }

    .interface_menue:not(.interface_menue--hidden) .interface_table_wrapper {
        opacity: 1
    }

    .interface_menue .interface_table_wrapper {
        padding: 10px
    }

    .dataTables_wrapper {
        margin-right: 0;
        padding: 20px 10px 20px 7px
    }
}

.dd__info-wrapper {
    background-color: rgba(247, 244, 229, 0.80);
    border-radius: 0 11px 11px 0;
    text-align: center;
    left: 0;
    position: relative;
    max-width: 300px;
    width: 100%;
    height: 100%;
    z-index: 2000;
    transition: all 2s ease;
    overflow: hidden

    
}

.dd__info-wrapper--disabled {
    display: none
}

@media screen and (max-width: 768px) {
    .dd__info-wrapper {
        display:none
    }
}

.dd__info-wrapper--hidden {
    cursor: pointer;
    height: 47px;
    width: 47px
}

.dd__info-wrapper--hidden .dd__info-button,.dd__info-wrapper--hidden .dd__info-head span,.dd__info-wrapper--hidden .dd__info-img,.dd__info-wrapper--hidden .dd__info-text {
    opacity: 0;
}

.dd__info-wrapper--hidden .dd__info-head span {
    max-width: 0
}

.dd__info-wrapper--hidden .dd__info-button,.dd__info-wrapper--hidden .dd__info-img,.dd__info-wrapper--hidden .dd__info-text {
    display: none
}

.dd__info-button {
    border: none;
    display: block;
    position: absolute;
    height: 40px;
    left: 0;
    width: 40px;
    background: transparent;
    top: 0
}




.dd__info-button,.dd__info-head span,.dd__info-img,.dd__info-text {
    transition: opacity 0.3s ease;
    opacity: 1;
}


.dd__info-head:before {
    background-color: var(--color-dark);
    border-radius: 22px;
    color: var(--mainColor);
    content: 'i';
    display: inline-block;
    font-family: var(--font-family-courier-new);
    margin-right: 5px;
    height: 22px;
    width: 22px
}

.dd__info-img {
    margin-top: 20px;
    text-align: center;
}

.dd__info-img svg {
    transform: scale(.8)
}

.dd__info-text {
    color: var(--color-dark);
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
    margin: 10px 20% 0
}

.dd__info-text strong {
    color: var(--color-dark);
    font-weight: bold
}

@font-face {
    font-family: 'icomoon';
    src: url('../media/icons/icomoon.eot?8kxa61');
    src: url('../media/icons/icomoon.eot?8kxa61#iefix') format('embedded-opentype'), url('../media/icons/icomoon.ttf?8kxa61') format('truetype'), url('../media/icons/icomoon.woff?8kxa61') format('woff'), url('../media/icons/icomoon.svg?8kxa61#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="dd-icon-"],[class*=" dd-icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--activeColor);
}

.dd-icon-icon-arrowleft:before {
    content: "\e900";
    color: var(--color)
}

.dd-icon-icon-close:before {
    content: "\e901";
    color: var(--color-border)
}

.dd-icon-icon-filter:before {
    content: "\e902";
    color: var(--color--dark)
}

.dd-icon-icon-filterreset:before {
    content: "\e903";
    color: var(--color-dark)
}

.dd-icon-icon-floorplan:before {
    content: "\e904";
    color: var(--color-border)
}

.dd-icon-icon-list:before {
    content: "\e905"
}

.dd-icon-icon-pdf:before {
    content: "\e906";
    color: rgb(0, 0, 0) !important
}

.dd-icon-icon-pin:before {
    content: "\e907";
    color: var(--color-border)
}

.dd-icon-icon-skiparrowleft:before {
    content: "\e908";
    color: var(--color-border)
}

.dd-icon-icon-skiparrowlright:before {
    content: "\e909";
    color: var(--color-border)
}

.dd-icon-icon-web3d:before {
    content: "\e90a";
    color: var(--color-border)
}

.dd-icon-icon-whg:before {
    content: "\e90b";
    color: var(--color-border)
}

#c232 .frame-container-default {
    max-width: 100%;
    padding: 0
}

.dd__mobileMenu {
    background-color: var(--color--dark);
    color: var(--color-border);
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    display: none;
    margin: 0;
    height: 63px;
    list-style-type: none;
    padding: 0;
    position: fixed;
    top: 71px;
    left: 0;
    right: 0;
    z-index: 3000
}

.dd__mobileMenu li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    line-height: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.interface_controls--hidden {
    display: none
}

.dd__panel {
    display: none
}

.dd__panel--active {
    display: block
}


.dd__mobileMenu li.dd__mobileMenu-item--active {
    background-color: var(--bg-color-filter-content)
}

.dd__mobileMenu li.dd__mobileMenu-item--active:last-child {
    -webkit-box-shadow: 0 -1px 0 0 var(--color-border--light) inset;
    box-shadow: 0 -1px 0 0 var(--color-border--light) inset
}

.dd__mobileMenu li:first-child svg {
    height: 40px;
    width: 22px
}

.dd__mobileMenu li i:before {
    color: var(--color-border)
}


.interface_filter_color {
    background-color: var(--color-border) ;
}
.interface_table_wrapper {
    max-height: none; /* Kein Scroll hier */
    overflow: hidden;
    position: relative;
  }
  
  .dt-scroll-body {
    height: calc(100vh - 150px);
    overflow-y: auto; /* ← Aktiviert vertikales Scrollen */
    overflow-x: hidden;
}
  
  #tx_ddwohnungsfinder-table thead th {
    position: sticky !important;
    top: 0;
    background: white; /* Oder passender Hintergrund */
    z-index: 10;
  }

  .dt-scroll-head{
    position: sticky !important;
    top: 0;
    background: white; /* Oder passender Hintergrund */
    z-index: 10;

  }
  .scrollbar-thumb7 {

    display: none !important;
  }

  
  .fancybox__caption {
    text-align: center;
   
  }
  .carousel__button  {

    color: #fff!important;
  }

  .fancybox__caption a {
    outline: none !important;
    box-shadow: none !important;
    color: black;
    font-size: 16px;
    text-decoration: underline;
  }

  
  

  
  /* Optional: Hover-Effekt */
  .custom-caption a:hover {
    color: #ce6c18;
  }
  

  





 
  
  .custom-caption {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px;
    padding: 5px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
  
    text-decoration: none;
    
  }
  
  .custom-caption i {
    font-size: 25px;
    line-height: 1;
    display: inline-block;
    color: #000;
  }
  

  .custom-caption:hover i {
    color: #fff;
  }

  .carousel__button:hover {

    color: var(--bg-color-row--hover) !important;;
  }