.apartment-cover-inner {
    min-height: 570px;
    background-position-y: center;
    background-size: cover;
    position: relative;
}

.apartment-cover-overlay {
    background: rgba(0, 0, 0, 0.3);
}

.apartment-cover-inner, .apartment-cover-overlay {
    min-height: 570px;
}

.apartment-cover-headline {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.apartment-cover-headline h1,
.apartment-cover-headline h3 {
    color: #fff !important;
}

.apart-status {
    width: 50%;
    text-align: center;
    color: #fff;
    font-family: 'krub', sans serif;
    font-size: 20px;
    padding: 5px 10px;
}

.status-1 {
    background-color: #427054;
}

.status-2 {
    background-color: #e4cc00;
}

.status-3 {
    background-color: #f59f42;
}

.status-4, .status-5 {
    background-color: #a04a3a;
}

.status-6 {
    background-color: #c2c4c6;
}



.singe-apartment-data {
    width: 100%;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

.singe-apartment-data td {
    border: 1px solid #eaeaea;
    padding: 7px;
}

.singe-apartment-data td:last-child {
    text-align: right;
}

.apart-info {
    display: flex;
    justify-content: space-between;
}

.apart-half {
    width: 48%;
    vertical-align: top;
}

.apart-half:last-child {
    float: right;
}

.lind-lightbox {
    cursor: pointer;
}

.plantegning {
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
}

#apartment-docs {
    background-color: #5c876d;
    text-align: center;
    padding: 30px 0;
}

#apartment-docs p {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin-top: 5px;
}

/*
Du kan tilføje din egen CSS her.

Klik på hjælp-ikonet ovenfor for at lære mere.
*/
.post-password-required {
    margin-top: 250px;
     margin-bottom: 25%;
    text-align: center;
}


.fusion-menu .current-menu-item .menu-text:before {
    border-top: 11px solid transparent !important;
}

.nyhedsbrev-hvid #mc_embed_signup .mc-field-group input {
    padding: .5278em;
    background-color: #5d866e !important;
    border: 0px solid rgba(0,0,0,0) !important;
    display: block;
    -moz-box-sizing: border-box;
    margin-bottom: 8px;
    color: #ffffff;
} 


.full-width {
    width:100%
}

.no-margin {
    margin: 0 !important
}


.full-width-img{
max-width: 100% !important}

.fusion-column .imageframe, .fusion-column .imageframe img {
width: 100% !important;
max-width: 100% !important; 
}

/* Lejligheder */

.lejligheder_rh th{
    background-color: #355F73;
    padding: 10px 0px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #ffffff;
    font-family: 'montserrat', sans serif;
    color: #ffffff;
    min-width: 40px;
}

.lejligheder_rh td{
    padding: 10px 0px;
    border: 1px solid #ffffff;
}

.lejligheder_rh tr:nth-child(even) {background: #ededed; font-size: 13px; }
.lejligheder_rh tr:nth-child(odd) {background: #fff; font-size: 13px;}

.dataTables_scrollBody {
    max-height: 100% !important;
text-align: center;}

.datatable th, .datatable td {
  box-sizing: border-box;
  padding: 10px;
}

.table.dataTable {
text-align: center !important;}

.center{
    text-align: center;
}


/* Ledige boliger */

.ledige-lejligheder th{
    background-color: #9BA698;
    padding: 10px 0px;
    font-weight: 700;
    font-size: 13px;
    border: 1px solid #ffffff;
    font-family: 'krub', sans serif;
    color: #ffffff;
}

.ledige-lejligheder td{
    padding: 10px 0px;
    font-size: 13px;
    border: 1px solid #ffffff;
}

/* seniorboliger */

.seniorboliger th{
    background-color: #9BA698;
    padding: 10px 0px;
    font-weight: 700;
    font-size: 13px;
    border: 1px solid #ffffff;
    font-family: 'krub', sans serif;
    color: #ffffff;
}

.seniorboliger td{
    padding: 10px 0px;
    font-size: 13px;
    border: 1px solid #ffffff;
}

tr:nth-child(even) {background: #E4E5E2}
tr:nth-child(odd) {background: #fff}

/*Content view*/

.pt-cv-ifield{
    background-color: #ffffff;
    overflow: auto;
    height: auto;

}

.pt-cv-thumbnail{
    margin-bottom: 0px !important;
}

.pt-cv-title, .pt-cv-title a{
    font-family: "Open Sans" !important;
    font-weight: 300 !important;
    line-height: 1.35;
    letter-spacing: 1px;
    text-align: center !important;
    padding: 20px 20px;
}

.pt-cv-title a:hover{
    color: #427054;
}

.pt-cv-content {
    font-family: "Open Sans";
    font-weight: 300;
    letter-spacing: 0px;
    color: #444;
    padding-left: 20px;
    padding-right: 20px;
}

/* Lindskov apartment presentation */
:root {
    --lind-color-available: #9db67f;
    --lind-color-available-dark: #527058;
    --lind-color-reserved: #f2d06b;
    --lind-color-reserved-dark: #e4cc00;
    --lind-color-purchase: #f59f42;
    --lind-color-rented: #8d493f;
    --lind-color-sold: #8d493f;
    --lind-color-not-for-sale: #d4d8d8;
    --lind-color-not-for-sale-dark: #c2c4c6;
    --lind-color-rental: #198fd9;
    --lind-color-link-active: #516f57;
    --lind-color-button-3-bg: #e7e3e1;
    --lind-color-button-3-text: #305b6e;
    --lind-color-button-5-bg: #634b40;
    --lind-color-button-6-bg: #74584b;
}

.fusion-body .fusion-is-sticky .fusion-main-menu .current-menu-ancestor > a {
    color: var(--lind-color-link-active);
}

.right {
    text-align: right;
}

.background-img {
    background-position: right 30% center;
}

/* Status blocks used in builder layouts */
.available > div,
.Available > div,
.Ledig > div {
    background-color: var(--lind-color-available);
}

.reserved > div,
.Reserved > div,
.Reserveret > div {
    background-color: var(--lind-color-reserved);
}

.purchase-agreement > div,
.Purchase-agreement > div,
.purchaseagreement > div,
.Purchaseagreement > div,
.koebsaftale > div,
.Koebsaftale > div,
.købsaftale > div,
.Købsaftale > div {
    background-color: var(--lind-color-purchase);
}

.rented > div,
.Rented > div,
.Udlejet > div {
    background-color: var(--lind-color-rented);
}

.sold > div,
.Sold > div,
.Solgt > div {
    background-color: var(--lind-color-sold);
}

.not-for-sale > div,
.Not-for-sale > div,
.Ikkeisalg > div {
    background-color: var(--lind-color-not-for-sale);
}

.apart-filters {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    color: #fff;
    list-style: none;
}

.apart-filters li {
    margin: 0 20px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
}

.apart-filters li.selected::after {
    display: block;
    width: 0;
    height: 0;
    margin: 10px auto 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    content: '';
}

.isometri {
    max-width: 1600px;
}

.isometri svg {
    min-height: 500px;
    max-width: 100%;
}

.isometri svg polygon,
.isometri svg path,
.isometri svg polyline {
    transition: all 0.35s ease;
}

.isometri polygon,
.isometri polyline,
.isometri line,
.isometri path {
    fill: #fff;
    stroke: #000;
    stroke-width: 0.24px;
}

.isometri .onlystroke {
    fill: none;
}

.isometri .disabled,
.isometri .disabled polygon,
.isometri .disabled polyline,
.isometri .disabled path {
    fill: var(--lind-color-not-for-sale-dark);
}

.isometri .disabled-leje,
.isometri .disabled-leje polygon,
.isometri .disabled-leje polyline,
.isometri .disabled-leje path {
    fill: #7fb7cc;
}

.isometri .disabled2 {
    fill: #9d9fa2;
}

.isometri .top {
    stroke: none;
}

.isometri .yellow {
    fill: #ddc9ab;
    opacity: 0.7;
}

.isometri .vejnavne {
    fill: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 8px;
    font-weight: 400;
}

.isometri .hide {
    display: none;
}

.isometri .nr,
.isometri .vhnr {
    fill: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 7px;
    pointer-events: none;
}

.isometri .shnr {
    fill: #fff;
    font-size: 8px;
    pointer-events: none;
}

.isometri .apartment:hover,
.isometri .apartment:hover polygon {
    cursor: pointer;
    fill-opacity: 0.7;
}

.leje,
.isometri .lejebolig {
    fill: var(--lind-color-rental) !important;
}

.isometri .available,
.isometri .available polygon,
.isometri .ledig,
.isometri .ledig polygon {
    fill: var(--lind-color-available-dark);
}

.isometri .reserved,
.isometri .reserved polygon,
.isometri .reserveret,
.isometri .reserveret polygon {
    fill: var(--lind-color-reserved-dark);
}

.isometri .purchase-agreement,
.isometri .purchase-agreement polygon,
.isometri .koebsaftale,
.isometri .koebsaftale polygon,
.isometri .købsaftale,
.isometri .købsaftale polygon {
    fill: var(--lind-color-purchase);
}

.isometri .link {
    cursor: pointer;
}

.isometri .sold,
.isometri .sold polygon,
.isometri .rented,
.isometri .rented polygon,
.isometri .solgt,
.isometri .solgt polygon,
.isometri .udlejet,
.isometri .udlejet polygon {
    fill: #a04a3a;
    cursor: default !important;
}

.isometri .not-for-sale,
.isometri .not-for-sale polygon,
.isometri .ikkeisalg,
.isometri .ikkeisalg polygon {
    fill: var(--lind-color-not-for-sale-dark);
    pointer-events: none;
}

.isometri .faded {
    opacity: 0.1;
}

.isometri .hvid polygon,
.isometri .hvid polyline {
    fill: #fff;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 0;
}

.datatable .hidden {
    display: none;
}

.color-3,
.color-3:hover {
    color: var(--lind-color-button-3-text);
    background: var(--lind-color-button-3-bg);
    border: 1px solid var(--lind-color-button-3-bg);
}

.color-4,
.color-4:hover {
    color: #fff !important;
    background: transparent !important;
    border: 1px solid #fff !important;
}

.color-5,
.color-5:hover {
    color: #fff !important;
    background: var(--lind-color-button-5-bg) !important;
    border: 1px solid var(--lind-color-button-5-bg) !important;
}

.color-6,
.color-6:hover {
    color: #fff;
    background: var(--lind-color-button-6-bg);
    border: 1px solid var(--lind-color-button-6-bg);
}

.status-banner {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    cursor: default !important;
    border-radius: 8px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.3s, color 0.3s;
}

.status-available,
.status-available .fusion-button-text,
.status-available:hover,
.status-ledig,
.status-ledig .fusion-button-text,
.status-ledig:hover {
    color: #2c662d !important;
    background: #e5f8e7 !important;
}

.status-reserved,
.status-reserved .fusion-button-text,
.status-reserved:hover,
.status-reserveret,
.status-reserveret .fusion-button-text,
.status-reserveret:hover {
    color: #856404;
    background: #fff3cd !important;
}

.status-purchase-agreement,
.status-purchase-agreement .fusion-button-text,
.status-purchase-agreement:hover,
.status-koebsaftale,
.status-koebsaftale .fusion-button-text,
.status-koebsaftale:hover,
.status-købsaftale,
.status-købsaftale .fusion-button-text,
.status-købsaftale:hover {
    color: #006064;
    background: #e0f7fa !important;
}

.status-rented,
.status-rented .fusion-button-text,
.status-rented:hover,
.status-udlejet,
.status-udlejet .fusion-button-text,
.status-udlejet:hover {
    color: #555;
    background: #f0f0f0 !important;
}

.status-sold,
.status-sold .fusion-button-text,
.status-sold:hover,
.status-solgt,
.status-solgt .fusion-button-text,
.status-solgt:hover {
    color: #a11a1a;
    background: #fdecea !important;
}

.status-not-for-sale,
.status-not-for-sale .fusion-button-text,
.status-not-for-sale:hover,
.status-ikkeisalg,
.status-ikkeisalg .fusion-button-text,
.status-ikkeisalg:hover {
    color: #bf360c;
    background: #fbe9e7 !important;
}

/* Single apartment table styling */
.singe-apartment-data {
    width: 100%;
    overflow: hidden;
    color: #4b6673;
    background-color: #f6f3f1;
    border-collapse: collapse;
    border-radius: 4px;
    font-family: 'Krub', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.singe-apartment-data td {
    padding: 10px 14px;
    border: 0;
}

.singe-apartment-data td:first-child {
    color: #4b6673;
    font-weight: 600;
}

.singe-apartment-data td:last-child {
    text-align: right;
}

.singe-apartment-data tr:nth-child(even) td {
    background-color: #f1edea;
}

.singe-apartment-data tr:nth-child(odd) td {
    background-color: #fcfaf9;
}

.singe-apartment-data tr:hover td {
    background-color: #eae6e2;
}

@media (max-width: 640px) {
    .singe-apartment-data td {
        padding: 8px 10px;
    }

    .singe-apartment-data td:last-child {
        text-align: left;
    }
}