#OB_SVG g:not(.active), #OB_SVG_details .details_table:not(.active), #OB_SVG_details_mobile .details_table:not(.active) {
    display: none;
}

#OB_UG_details.active, #OB_UG_details_mobile.active {
    display: flex;
    justify-content: space-around;
}

#OB_SVG_links {
    display: flex;
    justify-content: center;
}

#OB_SVG_links span:first-of-type {
    padding-left: 0;
}

#OB_SVG_links span {
    padding: 0 1em;
    cursor: pointer;
}

#OB_SVG_links span:hover, #OB_SVG_links span.active {
    color: #ed7011;
}

#OB_SVG {
    margin: auto;
    max-width: 100%;
}

#OB_SVG svg {
    max-height: 60vh;
}

#OB_SVG .cls-1:hover, #OB_SVG .cls-1.hover {
    fill-opacity: 0;
    cursor: pointer;
}

#OB_SVG .cls-1 {
    fill-opacity: 0.5;
    stroke: #000;
    stroke-width: .2em;
    mix-blend-mode: overlay;
    fill: #fff;
}

#OB_SVG_details {
    margin: 20px 0;
}

#OB_SVG_details .details_table {
    margin: auto;
    width: 80%;
}

#OB_SVG_details img {
    height: 1.5em;
}

#OB_SVG_details th {
    text-align: left;
    font-weight: 700;
    font-size: 1.1em;
}

#OB_UG_details table {
    width: 320px;
}

#OB_UG_details table th {
    width: 30%
}

#OB_UG_details th:nth-last-child(1) {
    width: 40%
}

#OB_SVG_details tbody tr {
    cursor: pointer;
    border: 2px solid #fff;
}

#OB_SVG_details th, #OB_SVG_details td {
    padding: 0 .5em;
}

#OB_SVG_details th:nth-of-type(4), #OB_SVG_details td:nth-of-type(4) {
    width: auto;
}

#OB_SVG_details th:nth-last-child(2), #OB_SVG_details td:nth-last-child(2) {
    text-align: right;
}

#OB_SVG_details th:nth-last-child(1), #OB_SVG_details td:nth-last-child(1) {
    text-align: center;
}

#OB_SVG_details_mobile .details_table div {
    position: relative;
    padding: .5em;
}

#OB_SVG_details_mobile .details_table div span {
    display: block;
}

#OB_SVG_details_mobile span.caption {
    font-size: 1.5em;
}

#OB_SVG_details_mobile span.price {
    text-align: right;
}

#OB_SVG_details_mobile span.pdf {
    position: absolute;
    top: .5em;
    right: .5em;
}

#OB_SVG_details_mobile span.pdf img {
    width: 1.5em;
}

.svg_details_c1 {
    background-color: rgba(196, 214, 229, .5);
}

.svg_details_c2 {
    background-color: rgba(185, 211, 199, .5);
}

.svg_details_c3 {
    background-color: rgba(172, 176, 190, .5);
}

.svg_details_c4 {
    background-color: rgba(211, 211, 149, .5);
}

.svg_details_c5 {
    background-color: rgba(210, 168, 89, .5);
}

.svg_details_c6 {
    background-color: rgba(177, 172, 190, .5);
}

.svg_details_c7 {
    background-color: rgba(182, 190, 138, .5);
}

.svg_details_c1.hover, .svg_details_c1:hover {
    background-color: #c4d6e5;
}

.svg_details_c2.hover, .svg_details_c2:hover {
    background-color: #b9d3c7;
}

.svg_details_c3.hover, .svg_details_c3:hover {
    background-color: #acb0be;
}

.svg_details_c4.hover, .svg_details_c4:hover {
    background-color: #d3d395;
}

.svg_details_c5.hover, .svg_details_c5:hover {
    background-color: #d2a889;
}

.svg_details_c6.hover, .svg_details_c6:hover {
    background-color: #b1acbe;
}

.svg_details_c7.hover, .svg_details_c7:hover {
    background-color: #b6be8a;
}

.fusion-slider-3 .flex-direction-nav a {
    width: 63px;
    height: 63px;
    line-height: 63px;
    font-size: 25px;
}

.fusion-slider-3 .flex-control-paging li a {
    background: rgba(255, 255, 255, 0.6);
}

.fusion-slider-3 .flex-control-paging li a.flex-active {
    background: rgba(255, 255, 255, 1);
}

.fusion-body .fusion-builder-column-0 {
    width: 100% !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.fusion-builder-column-0>.fusion-column-wrapper {
    padding-top: 0px !important;
    padding-right: 0px !important;
    margin-right: 1.92%;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin-left: 1.92%;
}

@media only screen and (max-width:1200px) {
    .fusion-body .fusion-builder-column-0 {
        width: 100% !important;
        order: 0;
    }

    .fusion-builder-column-0>.fusion-column-wrapper {
        margin-right:
            1.92%;
        margin-left: 1.92%;
    }
}

@media only screen and (max-width:800px) {
    .fusion-body .fusion-builder-column-0 {
        width: 100% !important;
        order: 0;
    }

    .fusion-builder-column-0>.fusion-column-wrapper {
        margin-right: 1.92%;
        margin-left: 1.92%;
    }
}

.fusion-body .fusion-flex-container.fusion-builder-row-1 {
    padding-top: 0px;
    margin-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-left: 30px;
}

.reserviert td:nth-of-type(5) span, .reserviert td:nth-of-type(6) span,
.vermietet td:nth-of-type(5) span, .vermietet td:nth-of-type(6) span,
.verkauft td:nth-of-type(5) span, .verkauft td:nth-of-type(6) span,
#OB_SVG_details_mobile .details_table .reserviert .price span,
#OB_SVG_details_mobile .details_table .vermietet .price span,
#OB_SVG_details_mobile .details_table .verkauft .price span {
    display: none;
}

.reserviert td:nth-of-type(5)::after, .reserviert .price:nth-child(6)::after {
    content: "reserviert";
}

.vermietet td:nth-of-type(5)::after, .vermietet .price:nth-child(6)::after {
    content: "vermietet";
}

.verkauft td:nth-of-type(5)::after, .verkauft .price:nth-child(6)::after {
    content: "verkauft";
}