@charset 'utf-8';
:root
{
    --primary-font: "Nunito Sans", Arial, sans-serif;
    --secondary-font: "Libre Baskerville", "Times New Roman", sans-serif;
}

body.mceContentBody
{
    overflow: auto;
    background-color: #fff;
}

.art_focus:focus
{
    outline: none;
}

.content
{
    font: 400 1.25rem/125% var(--primary-font);
    color: #4E4B49;
}

.main .content
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 48px;
    padding-right: 48px;
}

.content ul
{
    margin: 0;
    padding: 0;
    display: table;
    list-style: none;
    position: relative;
}

.content li
{
    padding-left: 14px;
    padding-bottom: 10px;
    position: relative;
}

.content ul li::before
{
    width: 5px;
    height: 5px;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50%;
    background-color: #3F2A33;
    content: '';
}

.content a
{
    color: inherit;
    text-decoration: underline;
}

.content a:hover
{
    text-decoration: none;
}

a.art_anchor,
.content a.art_anchor
{
    position: absolute;
    top: 0;
    margin-top: -88px;
    text-decoration: none;
    width: 10px;
    height: 1px;
}

.content strong
{
    font-weight: 700;
}

.content .top-content
{
    width: 100%;
    float: left;
}

.content .content_c
{
    width: 100%;
    max-width: 1380px;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
}

.content .left-side
{
    width: 384px;
    position: relative;
}

.content .right-side
{
    width: calc(100% - 440px);
}

.art_element img[data-src]
{
    transition: opacity .3s ease-in;
}

.art_element img[src='img/px.webp']
{
    opacity: 0;
}

.art_element
{
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    margin: 0;
}

/*Headlines*/

.art_element .art_headline h3
{
    font: 700 1.375rem/172% var(--secondary-font);
    text-transform: none;
    letter-spacing: .01em;
}

.art_element .art_headline h1
{
    font: 400 1.875rem/127% var(--secondary-font);
}

.art_element .art_headline h2
{
    font: 400 1.875rem/127% var(--secondary-font);
}

.art_element .art_headline h4,
.art_element.art_cols .art_col h4.coltitle
{
    font: 700 1.25rem/125% var(--primary-font);
}

.art_element .art_headline h5,
.art_element .art_headline span.h5
{
    font: 400 3.5rem/110% var(--secondary-font);
    letter-spacing: -0.01em;
}

.art_element .art_headline h6,
.art_element .art_headline span.h6
{
}

.art_element .art_headline > * i
{
    font-weight: 500;
}



.art_element.art_cols .art_col h4.coltitle
{
    margin-bottom: 10px;
}

.art_element.title_r .art_headline:not(.sub) > * > span
{
    display: inline-block;
    padding-top: 100px;
    position: relative;
}

.art_element.title_r .art_headline:not(.sub) > * > span::before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 89px;
    height: 76px;
    background-size: 100% 100%;
}

.art_element.title_r.ta_center .art_headline:not(.sub) > * > span::before
{
    left: 50%;
    transform: translateX(-50%);
}

.art_element.title_r.visible .art_headline:not(.sub) > * > span::before
{
    background-image: url(../img/reslresort/r.svg);
}

/*Button Element*/
/*Button Element*/
.art_element.art_button,
.art_element.art_packages .art_pack_link,
.art_element.art_text .art_text_btn,
.art_element.art_texti .art_texti_btn,
.art_element.art_text_gallery .art_text_gallery_btn,
.art_element.art_tip .art_tip_btn,
.art_element.art_room .art_room_package_btn,
.art_element.art_room .art_room_table_btn,
.art_element.art_room_extended .art_room_btn,
.art_element.art_box .art_box_btn
{
    padding-top: 15px;
    margin-top: 40px;
    gap: 30px 20px;
}

.art_element.art_button a,
.art_element.art_packages .art_pack_link a,
.art_element.art_text .art_text_btn a,
.art_element.art_texti .art_texti_btn a,
.art_element.art_text_gallery .art_text_gallery_btn a,
.art_element.art_tip .art_tip_btn a,
.art_element.art_room .art_room_package_btn a,
.art_element.art_room .art_room_table_btn a,
.art_element.art_room_extended .art_room_btn a,
.art_element.art_box .art_box_btn div
{
    display: inline-block;
    min-width: unset;
    padding: 0 0 0 59px;
    font: 700 1rem/156% var(--primary-font);
    letter-spacing: .19em;
    text-transform: uppercase;
    text-decoration: none;
    color: #413530;
    position: relative;
    overflow: visible;
}

.art_element.art_button a::before,
.art_element.art_packages .art_pack_link a::before,
.art_element.art_text .art_text_btn a::before,
.art_element.art_texti .art_texti_btn a::before,
.art_element.art_text_gallery .art_text_gallery_btn a::before,
.art_element.art_tip .art_tip_btn a::before,
.art_element.art_room .art_room_package_btn a::before,
.art_element.art_room .art_room_table_btn a::before,
.art_element.art_room_extended .art_room_btn a::before,
.art_element.art_box .art_box_btn div::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #B5995C;
    opacity: .65;
    transition: all ease .5s;
    animation-fill-mode: both;
}

.art_element.art_button:has(.second) a:first-child::before,
.art_element.art_packages:has(.second) .art_pack_link a:first-child::before,
.art_element.art_text:has(.second) .art_text_btn a:first-child::before,
.art_element.art_texti:has(.second) .art_texti_btn a:first-child::before,
.art_element.art_text_gallery:has(.second) .art_text_gallery_btn a:first-child::before,
.art_element.art_tip:has(.second) .art_tip_btn a:first-child::before,
.art_element.art_room:has(.second) .art_room_package_btn a:first-child::before,
.art_element.art_room:has(.second) .art_room_table_btn a:first-child::before,
.art_element.art_room_extended:has(.second) .art_room_btn a:first-child::before,
.art_element.art_box:has(.second) .art_box_btn div:first-child::before
{
    background-color: #534642;
}

.art_element.art_button a:hover::before,
.art_element.art_button a:focus::before,

.art_element.art_packages .art_pack_link a:hover::before,
.art_element.art_packages .art_pack_link a:focus::before,

.art_element.art_text .art_text_btn a:hover::before,
.art_element.art_text .art_text_btn a:focus::before,

.art_element.art_texti .art_texti_btn a:hover::before,
.art_element.art_texti .art_texti_btn a:focus::before,

.art_element.art_text_gallery .art_text_gallery_btn a:hover::before,
.art_element.art_text_gallery .art_text_gallery_btn a:focus::before,

.art_element.art_tip .art_tip_btn a:hover::before,
.art_element.art_tip .art_tip_btn a:focus::before,

.art_element.art_room .art_room_package_btn a:hover::before,
.art_element.art_room .art_room_package_btn a:focus::before,

.art_element.art_room .art_room_table_btn a:hover::before,
.art_element.art_room .art_room_table_btn a:focus::before,

.art_element.art_room_extended .art_room_btn a:hover::before,
.art_element.art_room_extended .art_room_btn a:focus::before,

.art_element.art_box:hover .art_box_btn div::before,
.art_element.art_box:focus .art_box_btn div::before
{
    animation: circle_anim linear 1s infinite;
}

.art_element.art_button a::after,
.art_element.art_packages .art_pack_link a::after,
.art_element.art_text .art_text_btn a::after,
.art_element.art_texti .art_texti_btn a::after,
.art_element.art_text_gallery .art_text_gallery_btn a::after,
.art_element.art_tip .art_tip_btn a::after,
.art_element.art_room .art_room_package_btn a::after,
.art_element.art_room .art_room_table_btn a::after,
.art_element.art_room_extended .art_room_btn a::after,
.art_element.art_box .art_box_btn div::after
{
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #B5995C;
    background-size: 25px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.art_element.art_button.visible a::after,
.art_element.art_packages.visible .art_pack_link a::after,
.art_element.art_text.visible .art_text_btn a::after,
.art_element.art_texti.visible .art_texti_btn a::after,
.art_element.art_text_gallery.visible .art_text_gallery_btn a::after,
.art_element.art_tip.visible .art_tip_btn a::after,
.art_element.art_room.visible .art_room_package_btn a::after,
.art_element.art_room.visible .art_room_table_btn a::after,
.art_element.art_room_extended.visible .art_room_btn a::after,
.art_element.art_box.visible .art_box_btn div::after
{
    background-image: url(../img/icons/arrow_white.svg);
}

.art_element.art_button:has(.second) a:first-child::after,
.art_element.art_packages:has(.second) .art_pack_link a:first-child::after,
.art_element.art_text:has(.second) .art_text_btn a:first-child::after,
.art_element.art_texti:has(.second) .art_texti_btn a:first-child::after,
.art_element.art_text_gallery:has(.second) .art_text_gallery_btn a:first-child::after,
.art_element.art_tip:has(.second) .art_tip_btn a:first-child::after,
.art_element.art_room:has(.second) .art_room_package_btn a:first-child::after,
.art_element.art_room:has(.second) .art_room_table_btn a:first-child::after,
.art_element.art_room_extended:has(.second) .art_room_btn a:first-child::after,
.art_element.art_box:has(.second) .art_box_btn div:first-child::after
{
    background-color: #534642;
}

.art_element.art_button a span,
.art_element.art_packages .art_pack_link a span,
.art_element.art_text .art_text_btn a span,
.art_element.art_texti .art_texti_btn a span,
.art_element.art_text_gallery .art_text_gallery_btn a span,
.art_element.art_tip .art_tip_btn a span,
.art_element.art_room .art_room_package_btn a span,
.art_element.art_room .art_room_table_btn a span,
.art_element.art_room_extended .art_room_btn a span,
.art_element.art_box .art_box_btn div span
{
    display: inline-block;
    position: relative;
}

.art_element.art_button a:hover,
.art_element.art_packages .art_pack_link a:hover,
.art_element.art_text .art_text_btn a:hover,
.art_element.art_texti .art_texti_btn a:hover,
.art_element.art_text_gallery .art_text_gallery_btn a:hover,
.art_element.art_tip .art_tip_btn a:hover,
.art_element.art_room .art_room_package_btn a:hover,
.art_element.art_room .art_room_table_btn a:hover,
.art_element.art_room_extended .art_room_btn a:hover,
.art_element.art_button a:focus,
.art_element.art_packages .art_pack_link a:focus,
.art_element.art_text .art_text_btn a:focus,
.art_element.art_texti .art_texti_btn a:focus,
.art_element.art_text_gallery .art_text_gallery_btn a:focus,
.art_element.art_tip .art_tip_btn a:focus,
.art_element.art_room .art_room_package_btn a:focus,
.art_element.art_room .art_room_table_btn a:focus,
.art_element.art_room_extended .art_room_btn a:focus,
.art_element.art_box .art_box_btn div:hover,
.art_element.art_box:focus .art_box_btn div
{
    opacity: 1 !important;
}

/*Table Element*/
.art_element.art_table table
{
    width: 100%;
    border-collapse: collapse;
}

.art_element.art_table th,
.art_element.art_table table.mobile_table td.trtitle
{
    padding: 9px 25px;
    background-color: #4E4B49;
    font: 600 .938rem/120% var(--primary-font);
    letter-spacing: 0;
    color: #F8F7F5;
    text-align: center;
    text-transform: none;
    border: 1px solid #4E4B49;
}

.art_element.art_table th:first-child,
.art_element.art_table table.mobile_table td.trtitle:first-child
{
    text-align: left;
}

.art_element.art_table th:last-child,
.art_element.art_table table.mobile_table td.trtitle:last-child
{
}

.art_element.art_table td,
.art_element.art_table table.mobile_table th
{
    padding: 9px 25px;
    border-bottom: 1px solid #FFF;
    text-align: center;
    font: 400 .938rem/140% var(--primary-font);
    letter-spacing: 0;
    color: #4E4B49;
    background-color: #F5F4F1;
    border-left: 1px solid #4E4B49;
    border-right: 1px solid #4E4B49;
    border-bottom: none;
    border-top: none;
}

.art_element.art_table td:first-child
{
    background-color: #DAD8CE;
    font-weight: 700;
    text-align: left;
    border-bottom: 2px solid #F5F4F1;
}

.art_element.art_table tr:last-child td
{
    border-bottom: 1px solid #4E4B49;
}

/*Highlight Element*/
.art_element.highlight
{
    border: 1px solid #CCCBC9;
    background: #FFF;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.05);
    padding-top: 50px;
    padding-bottom: 50px;
}

.art_element.highlight2
{
    background-color: #DAD8CE;
    padding-top: 90px;
    padding-bottom: 90px;
}

.art_element.highlight2::after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    max-width: 40%;
    aspect-ratio: 570 / 774;
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    opacity: .2;
}

.art_element.highlight2.visible::after
{
    background-image: url(../img/logos/k_big.svg);
}

/* Package slider */
.art_element.art_group.pkgslider .pkg_c .pkg_inner > .art_element
{
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.content .left-side .art_element
{
    padding: 0;
    background-color: #FFF;
    font-size: 1.063rem;
    line-height: 147%;
    overflow: hidden;
}

.content .left-side .art_element .art_element
{
    overflow: visible;
}

.content .left-side > .art_element.art_group:last-child
{
    margin-bottom: 0;
}

.content .left-side .art_element.grey_bg
{
    background-color: #A79B9F;
    color: #FFF;
}

.content .left-side .art_element.grey_bg ul li::before
{
    background-color: #FFF;
}

.content .left-side .art_element.vs_no_space
{
    margin-top: -10px !important;
}

.content .left-side .art_element .art_headline
{
    background-color: #4E4B49;
    text-align: center;
    padding: 15px 15px;
}

.content .left-side .art_element.vs_no_space .art_headline
{
    border-radius: 0;
}

.content .left-side .art_element .art_headline > *
{
    color: #F8F7F5;
}

.content .left-side .art_element .art_headline h3
{
    font: 400 1.25rem/120% var(--primary-font);
    letter-spacing: .1em;
    text-transform: uppercase;

}

.content .left-side .art_element.enquiry_c .art_headline > * > span
{
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

.content .left-side .art_element.enquiry_c .art_headline > * > span::before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
}

.content .left-side .art_element.enquiry_c.visible .art_headline > * > span::before
{
    background-image: url(../img/icons/calendar_white.svg);
}

.content .left-side .art_element > .art_element_c > .art_inner
{
    padding: 20px 40px 40px;
    background-color: #F5F4F1;
    border: 1px solid #CCCBC9;
}

.content .left-side .art_element.art_group .art_element > .art_element_c > .art_inner
{
    padding: 10px 0;
    border: none;
    border-radius: 0;
}

.content .left-side .art_element.art_group > .art_element_c > .art_inner
{
    padding-top: 50px;
    padding-bottom: 50px;
}

.content .left-side .art_element.white_bg > .art_element_c > .art_inner
{
    background-color: #FFF;
}

.content .left-side .art_element li::before
{
    top: 8px;
}

.content .left-side .art_element.ratings_c > .art_element_c > .art_inner
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

/* Enquiry Widget */
.art_element.art_plain.enquiry_c .casa-wdg > .row > *
{
    width: 100%;
}

.art_element.art_plain.enquiry_c .casa-wdg .form-control
{
    border-color: #D7D5CA;
    background-color: transparent;
}

.art_element.art_plain.enquiry_c .casa-wdg .k-autocomplete.k-state-default,
.art_element.art_plain.enquiry_c .casa-wdg .k-dropdown-wrap.k-state-default,
.art_element.art_plain.enquiry_c .casa-wdg .k-numeric-wrap.k-state-default,
.art_element.art_plain.enquiry_c .casa-wdg .k-picker-wrap.k-state-default
{
    border-color: #D7D5CA;
    background-color: transparent;
}

.art_element.art_plain.enquiry_c .casa-wdg .k-autocomplete .k-input,
.art_element.art_plain.enquiry_c .casa-wdg .k-autocomplete.k-state-focused .k-input,
.art_element.art_plain.enquiry_c .casa-wdg .k-dropdown-wrap .k-input,
.art_element.art_plain.enquiry_c .casa-wdg .k-dropdown-wrap.k-state-focused .k-input,
.art_element.art_plain.enquiry_c .casa-wdg .k-numeric-wrap.k-state-focused .k-input,
.art_element.art_plain.enquiry_c .casa-wdg .k-picker-wrap.k-state-focused .k-input,
.art_element.art_plain.enquiry_c .casa-wdg .k-textbox > input
{
    border-color: #D7D5CA;
    background-color: transparent;
}

.art_element.art_plain.enquiry_c .casa-wdg .k-input,
.art_element.art_plain.enquiry_c .casa-wdg .k-multiselect-wrap,
.art_element.art_plain.enquiry_c .casa-wdg .k-textbox > input,
.art_element.art_plain.enquiry_c .casa-wdg input.k-textbox,
.art_element.art_plain.enquiry_c .casa-wdg input.k-textbox:hover,
.art_element.art_plain.enquiry_c .casa-wdg textarea.k-textbox,
.art_element.art_plain.enquiry_c .casa-wdg textarea.k-textbox:hover
{
    background-color: transparent;
}

.art_element.art_plain.enquiry_c .casa-wdg .form-horizontal .control-label
{
    font: 400 .75rem/120% var(--secondary-font);
    color: #505637;
}

.art_element.art_plain.enquiry_c .casa-wdg .btn
{
    margin-top: 30px;
    display: inline-block;
    min-width: unset;
    padding: 0 0 0 59px;
    font: 700 1rem/156% var(--primary-font);
    letter-spacing: .19em;
    text-transform: uppercase;
    text-decoration: none;
    color: #413530;
    position: relative;
    overflow: visible;
    background-color: transparent;
    border: none;
}

.art_element.art_plain.enquiry_c .casa-wdg .btn::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #B5995C;
    opacity: .65;
    transition: all ease .5s;
    animation-fill-mode: both;
}

.art_element.art_plain.enquiry_c .casa-wdg .btn:hover::before,
.art_element.art_plain.enquiry_c .casa-wdg .btn:focus::before
{
    animation: circle_anim linear 1s infinite;
}

.art_element.art_plain.enquiry_c .casa-wdg .btn::after
{
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #B5995C;
    background-size: 25px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.art_element.art_plain.enquiry_c.visible .casa-wdg .btn::after
{
    background-image: url(../img/icons/arrow_white.svg);
}

@keyframes circle_anim
{
    0%
    {
        transform: translateY(-50%);
    }

    17%
    {
        transform: translateY(-50%) scale(1.09);
    }

    34%
    {
        transform: translateY(-50%);
    }

    51%
    {
        transform: translateY(-50%) scale(0.864);
    }

    68%
    {
        transform: translateY(-50%);
    }

    85%
    {
        transform: translateY(-50%) scale(1.09);
    }
}

.art_element.art_plain.enquiry_c .casa-wdg .col-sm-offset-6
{
    margin-left: 0;
}

.art_element.art_plain .advantages_c
{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
    font-size: .75rem;
    line-height: 113%;
}

.art_element.art_plain .advantages_c .item
{
    display: flex;
    align-items: center;
    gap: 24px;
}

.art_element.art_plain .advantages_c .item .img_c
{
    width: 81px;
    display: flex;
    justify-content: center;
}

.art_element.art_plain .offer_c
{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 24px 50px;
    flex-wrap: wrap;
}

.art_element.art_plain .offer_c .left
{
    width: 41px;
}

.art_element.art_plain .offer_c .right
{
    width: calc(100% - 91px);
}

.art_element.art_plain .offer_c span
{
    font: 700 1.313rem/130% var(--secondary-font);
}

.art_element.art_plain .offer_c p
{
    padding-top: 20px;
    font-size: .875rem;
    font-weight: 300;
    line-height: 140%;
}

.art_element.art_plain .offer_c .note
{
    width: 100%;
    font-size: .5em;
    line-height: 140%;
}

.art_element.art_plain .offer_c .note ul li::before
{
    top: 2px;
}

/* Package Elements */
.art_element.art_packages
{
    padding: 14px;
    border: 1px solid #CCCBC9;
    border-bottom: none;
    background-color: #F5F4F1;
}

.art_element.art_packages::after
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 14px;
    width: calc(100% - 48px);
    height: 1px;
    background-color: #C2C0BE;
}

.art_element.art_packages > .art_element_c
{
    flex-direction: row;
    align-items: stretch;
}

.art_element.art_packages .art_pack_image
{
    width: 22%;
    overflow: hidden;
}

.art_element.art_packages .art_pack_image .img_c
{
    padding-bottom: 90%;
    height: 100%;
}

.art_element.art_packages .art_pack_cont
{
    width: 78%;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    font: 400 .938rem/140% var(--primary-font);
}

.art_element.art_packages .art_pack_cont ul li::before
{
    top: 7px;
}

.art_element.art_packages .art_pack_cont .art_pack_right
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 10px;
    padding-bottom: 10px;
}

.art_element.art_packages .art_pack_date
{
    font-weight: 700;
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    float: left;
}

.art_element.art_packages .art_pack_date::before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    background-size: 100% 100%;
}

.art_element.art_packages.visible .art_pack_date::before
{
    background-image: url(../img/reslresort/calendar.svg);
}

.art_element.art_packages .art_pack_info
{
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
    font: 400 .938rem/120% var(--secondary-font);
    color: rgba(78, 75, 73, 0.80);
}

.art_element.art_packages .art_pack_info > *
{
    padding-left: 32px;
    position: relative;
}

.art_element.art_packages .art_pack_info > *::before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.art_element.art_packages .art_pack_info .persons::before
{
    left: 4px;
    width: 15px;
    height: 18px;
}

.art_element.art_packages.visible .art_pack_info .persons::before
{
    background-image: url(../img/icons/person.svg);
}

.art_element.art_packages .art_pack_info .area::before
{
    left: 3px;
    width: 18px;
    height: 18px;
}

.art_element.art_packages.visible .art_pack_info .area::before
{
    background-image: url(../img/icons/area.svg);
}

.art_element.art_packages .art_pack_info .view::before
{
    width: 24px;
    height: 16px;
}

.art_element.art_packages.visible .art_pack_info .view::before
{
    background-image: url(../img/icons/view.svg);
}

.art_element.art_packages .art_pack_link a
{
    white-space: nowrap;
}

.art_element.art_packages .art_pack_price
{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    font: 700 1.5rem/120% var(--secondary-font);
    text-align: right;
}

.art_element.art_packages .art_pack_price .ptag
{
    font: 500 .875rem/120% var(--secondary-font);
    font-style: italic;
}

.art_element.art_packages .art_pack_link
{
    justify-content: flex-end;
}

/*----------------accitem-----------------------*/
.art_element.art_group.accitem
{
    box-sizing: border-box;
    margin-bottom: 0;
    border-top: 1px solid #C2C0BE;
    border-bottom: 1px solid #C2C0BE;
}

.art_element.art_group.accitem .acc
{
    left: 0;
    width: 32px;
    height: 32px;
    background-color: #DAD8CE;
    border-radius: 100%;
}

.art_element.art_group.accitem .acc::before
{
    content: none;
}

.art_element.art_group.accitem .acc::after
{
    content: '';
    width: 21px;
    height: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all ease .5s;
    background-size: 100% 100%;
}

.art_element.art_group.accitem.visible .acc::after
{
    background-image: url(../img/icons/arrow_top.svg);
}

.art_element.art_group.accitem.closed .acc::after
{
    transform: translate(-50%, -50%) rotate(180deg);
}

.art_element.art_group.accitem > .art_element_c > .art_headline
{
    padding-left: 48px;
    padding-right: 0 !important;
}

.art_element.art_group.accitem.closed > .art_element_c > .art_headline
{
    border-bottom: none;
}

.art_element.art_group.accitem > .art_element_c > .art_headline h3
{
    font: 700 1.25rem/125% var(--primary-font);
    text-transform: none;
    letter-spacing: normal;
}

.art_element.art_group.accitem > .art_element_c > .art_headline h2
{
    font: 700 1.375rem/120% var(--secondary-font);
    letter-spacing: .05em;
    text-transform: none;
    letter-spacing: normal;
}

.art_element.art_group.accitem > .art_element_c > .art_inner
{
    padding-bottom: 0;
}

.art_element.art_packages + .art_element.art_group.accitem
{
    background-color: #F5F4F1;
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #CCCBC9;
    border-top: none;
}

.art_element.art_packages + .art_element.art_group.accitem > .art_element_c > .art_inner
{
    padding-left: 28px;
    padding-right: 28px;
}

.art_element.art_packages + .art_element.art_group.accitem .acc::before,
.art_element.art_packages + .art_element.art_group.accitem .acc::after
{
    background-color: #505637;
}

.art_element.art_packages + .art_element.art_group.accitem > .art_element_c > .art_inner
{
    margin-top: 5px;
}

.art_element.art_group.accitem .art_element
{
    padding-left: 0;
    padding-right: 0;
    font-size: 1.125rem;
}

.art_element.art_packages + .art_element.art_group.accitem > .art_element_c > .art_headline
{
    padding-left: 28px;
}

.art_element.art_packages + .art_element.art_group.accitem .acc
{
    left: 0;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-radius: 0;
}

.art_element.art_packages + .art_element.art_group.accitem .acc::before
{
    content: '';
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #4E4B49;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease .5s;
}

.art_element.art_packages + .art_element.art_group.accitem .acc::after
{
    content: '';
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #4E4B49;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease .5s;
    opacity: 0;
}

.art_element.art_packages + .art_element.art_group.accitem.closed .acc::after
{
    transform: translateY(-50%) rotate(90deg);
    opacity: 1;
}

/* Images in Line /*/

.art_element.art_imageline .art_image.cols_twelve
{
    position: relative;
}


/* Gallery Element */
.art_element.art_gallery .img_c
{
    padding-bottom: 63%;
}

.art_element.art_gallery .art_inner .galc.gal_std
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.art_element.art_gallery .galc.gal_std .gal_item
{
    width: calc(25% - 12px);
    padding: 0;
}

.art_element.art_gallery a
{
    display: inline;
}

.art_element.art_gallery a::after
{
    content: none;
}

.art_element.art_gallery.special
{
    transition: opacity ease 1s;
}

.art_element.art_gallery.special .image_gallery_special a.iv
{
    display: block;
    position: static;
}

.art_element.art_gallery.special .gal_item
{
    width: 100%;
    padding: 0;
}

.art_element.art_gallery.special .image_gallery_special img
{
    width: 100%;
}

.art_element.art_gallery.special ul li::before
{
    content: none;
}

.art_element.art_gallery.special .art_inner
{
    display: flex;
    justify-content: flex-start;
}

/* Apartment Element */
.art_element.art_apartment .art_apartment_image
{
    width: 100%;
    position: relative;
}

.art_element.art_apartment .art_apartment_image .img_c
{
    width: 100%;
    padding-bottom: 70.5%;
    position: relative;
}

.art_element.art_apartment .art_apartment_image .img_c picture
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.art_element.art_apartment .art_apartment_image .img_c picture img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.art_element.art_apartment .art_apartment_price
{
    position: absolute;
    right: 30px;
    bottom: -30px;
    width: 103px;
    height: 151px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #660033;
    border-radius: 46px;
    font: 400 1.5rem/120% var(--primary-font);
    color: #FFF;
    text-align: center;
    z-index: 2;
}

.art_element.art_apartment .art_apartment_price .ptag
{
    font: 300 .375rem/100% var(--secondary-font);
    letter-spacing: .25em;
    text-transform: uppercase;
}

.art_element.art_apartment .art_apartment_price::before
{
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border: 1px solid #FFF;
    border-radius: 46px;
}

.art_element.art_apartment .art_apartment_cont
{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 50px 20px 10px;
    color: #000;
}

.art_element.art_apartment .art_apartment_cont .art_headline h3
{
    font: 400 2.5rem/130% var(--primary-font);
    text-transform: none;
    letter-spacing: normal;
}

.art_element.art_apartment .art_apartment_cont .art_headline h4
{
    font: 200 1rem/160% var(--secondary-font);
    letter-spacing: .02em;
    color: #000;
    text-transform: none;
}

.art_element.art_apartment .art_apartment_cont .art_apartment_desc strong
{
    font-weight: 500;
}

.art_element.art_apartment .art_apartment_btn
{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
}

/* Box Container: the apartment boxes from new.knappensteig.com, side by side */
.art_element.art_group.box_container > .art_element_c > .art_inner
{
    margin-top: 0;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
}

.art_element.art_group.box_container .art_element
{
    width: calc(calc(100% - 60px) / 3);
    padding: 0;
    margin: 0;
}

/* Box Element: as high as the highest box in the row */
.art_element.art_box .art_element_c
{
    display: block;
    position: relative;
    height: 100%;
    color: #FFF;
}

.art_element.art_box .art_box_image_c
{
    height: 100%;
}

/* Minimum height: portrait format like the text box (600 / 470), the picture fills the whole box */
.art_element.art_box .art_box_image_c .img_c
{
    position: static;
    padding-bottom: 127.66%;
}

.art_element.art_group.box_container .art_headline h2
{
    font-size: 1.5rem;
}

.art_element.art_box .art_box_image_c::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
}

.art_element.art_box .art_box_cont
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #FFF;
    padding: 30px 40px;
}

.art_element.art_box .art_box_btn
{
    padding: 0;
    margin: 0;
}

.art_element.art_box .art_box_btn div
{
    position: absolute;
    right: 35px;
    bottom: 30px;
}

/* Only the round plus icon: the button is as wide as the circle */
.art_element.art_box .art_box_btn div:not(:has(span))
{
    width: 44px;
    height: 44px;
    padding: 0;
}

.art_element.art_box .art_box_btn div::after
{
    background-size: 14px auto;
}

.art_element.art_box.visible .art_box_btn div::after
{
    background-image: url(../img/icons/plus.svg);
}

/* Text Box: dark text element beside the boxes (Knappensteig Zeitlos) */
.art_element.art_text.text_box
{
    background-color: #3C3633;
    background-size: cover;
    background-position: center;
    color: #FFF;
    aspect-ratio: 470 / 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.art_element.art_text.text_box.visible
{
    background-image: url(../img/bgs/dark-bronze-stone-background.png);
}

.art_element.art_text.text_box > .art_element_c
{
    padding: 20px 25px;
}

.art_element.art_text.text_box .art_text_btn
{
    margin-top: 25px;
}

.art_element.art_text.text_box .art_text_btn a
{
    font-size: .813rem;
    letter-spacing: .12em;
    color: #FFF;
}

.art_element.text_box .art_headline:not(.sub) > * > span
{
    display: inline-block;
    padding-top: 120px;
    position: relative;
}

.art_element.text_box .art_headline:not(.sub) > * > span::before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 106px;
    background-size: 100% 100%;
}

.art_element.text_box.ta_center .art_headline:not(.sub) > * > span::before
{
    left: 50%;
    transform: translateX(-50%);
}

.art_element.text_box.visible .art_headline:not(.sub) > * > span::before
{
    background-image: url(../img/icons/hotel_white.svg);
}

/* Images in Line */
.art_element.art_imageline > .art_element_c > .art_inner
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 9px;
}

.art_element.art_imageline .art_image.cols_four
{
    padding: 0 !important;
    width: calc(33.33% - 6px);
}

.art_element.art_imageline .art_image.cols_four .img_c
{
    padding-bottom: 140%;
}
/* MOD: IB @ 2025.08.20 */
.art_packages + .art_group .art_element.art_imageline .art_image.cols_four .img_c {
    padding-bottom: 62.76%;
}

.art_element.art_imageline.auto_image_proportion .art_image.cols_twelve .img_c
{
    padding-bottom: 0;
}

.art_element.art_imageline.auto_image_proportion .art_image .img_c picture
{
    position: static;
    top: unset;
    left: unset;
    height: auto;
}

.art_element.art_imageline.auto_image_proportion .art_image .img_c picture img
{
    height: auto;
    object-fit: unset;
}

/* Boxes Widget */
.art_element.art_plain .boxes_c
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 40px;
    flex-wrap: wrap;
    padding-top: 20px;
}

.art_element.art_plain .boxes_c .item
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 17px;
    text-align: center;
    width: 189px;
    padding: 35px 10px 12px;
    border: 2px solid #603;
    font: 400 1.125rem/122% var(--secondary-font);
    color: #603;
}

.art_element.art_plain .boxes_c .item .img_c
{
    height: 101px;
    display: flex;
    justify-content: center;
}
/*
.art_element.art_plain .boxes_c .item .img_c img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
*/
.art_element.art_plain .boxes_c .item em
{
    font-size: .875rem;
    font-style: normal;
}

/* Map Widget -*/
.art_element.art_plain:has(.map_c)
{
    z-index: 2;
}

.art_element.art_plain .map_c
{
    width: 100%;
    float: left;
    position: relative;
}

.art_element.art_plain .map_c > img
{
    width: 100%;
}

.art_element.art_plain .map_c .item
{
    position: absolute;
    transform: translate(-50%, -100%);
}

.art_element.art_plain.visible .map_c .item:hover
{
    z-index: 2;
}

.art_element.art_plain .map_c .item .no
{
    display: block;
    width: 53px;
    height: 80px;
    background-size: 100% 100%;
    padding: 10px;
    font: 400 2.5rem/120% var(--primary-font);
    color: #3F2A33;
    text-align: center;
    position: relative;
    z-index: 2;
}

.art_element.art_plain.visible .map_c .item .no
{
    background-image: url(../img/marker.png);
    cursor: pointer;
}

.art_element.art_plain.visible .map_c .item p
{
    position: absolute;
    right: 0;
    top: 55px;
    width: 214px;
    padding: 30px;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    font: 300 1.125rem/120% var(--secondary-font);
    color: #3F2A33;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: all ease .5s;
}

.art_element.art_plain.visible .map_c .item:hover p
{
    visibility: visible;
    opacity: 1;
}

.art_element.art_plain.visible .map_c .item p strong
{
    font-weight: 400;
}

.art_element.art_plain .map_c .item.item1
{
    top: 10.86%;
    left: 48.45%;
}

.art_element.art_plain .map_c .item.item2
{
    top: 32.16%;
    left: 30.5%;
}

.art_element.art_plain .map_c .item.item3
{
    top: 50.65%;
    left: 35%;
}

.art_element.art_plain .map_c .item.item4
{
    top: 80.28%;
    left: 53.79%;
}

.art_element.art_plain .map_c .item.item5
{
    top: 96.6%;
    left: 60.9%;
}

.art_element.art_plain .map_c .item.itema
{
    top: 36.04%;
    left: 42.95%;
    transform: translate(-50%,-50%);
}

.art_element.art_plain .map_c .item.itema .no
{
    width: 55px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
    line-height: 100%;
    color: #660033;
}

.art_element.art_plain.visible .map_c .item.itema .no
{
    background-image: url(../img/oval.png);
}

#left_enquiry
{
    min-height: 1280px;
}

#wide_enquiry
{
    min-height: 1055px;
}

/* Rating Widget */
.art_element.art_plain .rating_c
{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.art_element.art_plain .rating_c img
{
    margin-bottom: 14px;
}

/* Images in Line */
.art_element.art_imageline .art_image .image_item
{
    overflow: hidden;
}

/* Slick Slider */
.art_element .slick-arrow
{
    width: 30px;
    height: 40px;
    background-color: transparent;
    background-size: 30px auto;
}

.lSSlideOuter .lSPager.lSGallery li.active::before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 4px solid #B5995C;
    background-color: transparent;
    border-radius: 0;
    z-index: 3;
}

/* Interaktive Map */
.art_element.art_plain.interaktive_map_c:hover,
.art_element:has(>.art_element.art_plain.interaktive_map_c):hover
{
    z-index: 3;
}

.interaktive_map_c_c
{
    width: 100%;
    float: left;
}

.interaktive_map
{
    width: 100%;
    line-height: 50%;
    position: relative;
}

.interaktive_map > img
{
    width: 100%;
    z-index: 2;
}

.interaktive_map .item
{
    position: absolute;
    transform: translateX(-50%);
    z-index: 4;
}

.interaktive_map .item.active
{
    z-index: 5;
}

.interaktive_map .item .no
{
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #B5995C;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}

.interaktive_map .item .no::before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    background-color: #B5995C;
    opacity: .6;
    border-radius: 100%;
}

.interaktive_map .item .no img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all ease .5s;
    z-index: 2;
}

.interaktive_map .item .content
{
    visibility: hidden;
    opacity: 0;
    display: flex;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 276px;
    padding: 100px 40px 48px;
    background-color: #3C3633;
    background-size: cover;
    border-radius: 32px;
    flex-direction: column;
    text-align: center;
    color: #FFF;
    z-index: 1;
}

.visible .interaktive_map .item .content
{
    background-image: url(../img/bgs/dark-bronze-stone-background.png);
}

.interaktive_map .item .content li::before
{
    background-color: #FFF;
}

.interaktive_map .item.active .content
{
    visibility: visible;
    opacity: 1;
    transition: all ease .7s;
}

.interaktive_map .item .content > *
{
    width: 100%;
}

.interaktive_map .item .content .title
{
    font: 400 1.375rem/113% var(--secondary-font);
    margin-bottom: 15px;
}

.interaktive_map .item .content .title i
{
    font-weight: 500;
}

.interaktive_map .item .content p
{
}

.interaktive_map .item1
{
    top: 37.97%;
    left: 17.59%;
}

.interaktive_map .item2
{
    top: 35.71%;
    left: 32.84%;
}

.interaktive_map .item3
{
    top: 13.75%;
    left: 44.84%;
}

.interaktive_map .item4
{
    top: 73.62%;
    left: 50.12%;
}

.interaktive_map .item5
{
    top: 28.75%;
    left: 52.12%;
}

.interaktive_map .item6
{
    top: 60.73%;
    left: 53.01%;
}

.interaktive_map .item7
{
    top: 34.2%;
    left: 64.87%;
}

.interaktive_map .item8
{
    top: 16.61%;
    left: 65.67%;
}

.interaktive_map .item9
{
    top: 46.6%;
    left: 86.8%;
}

.interaktive_map_c .swipe_info
{
    display: none;
}

@media(max-width: 1300px)
{
    .content .content_c::after
    {
        left: 150px;
        width: 200px;
        height: 415px;
    }

    .content .left-side
    {
        width: 300px;
    }

    .content .right-side
    {
        width: calc(100% - 320px);
    }

    .art_element.art_plain .offer_c
    {
        gap: 20px;
    }

    .art_element.art_plain .offer_c .right
    {
        width: calc(100% - 61px);
    }

    .content .left-side .art_element .art_inner
    {
        padding: 25px;
    }

    .content .left-side .art_element.art_group > .art_element_c > .art_inner
    {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

}

@media(max-width: 1200px)
{
    .art_element.art_packages .art_pack_image
    {
        width: 35%;
    }

    .art_element.art_packages .art_pack_cont
    {
        width: 65%;
        flex-wrap: wrap;
        gap: 0;
    }

    .art_element.art_packages .art_pack_cont .art_pack_left
    {
        width: 100%;
    }

    .art_element.art_packages .art_pack_cont .art_pack_right
    {
        width: 100%;
        justify-content: flex-start;
    }

    .art_element.art_packages .art_pack_cont .art_pack_link
    {
        justify-content: flex-end;
    }
}

@media( max-width: 1025px)
{
    .content .content_c
    {
        flex-wrap: wrap;
        justify-content: center;
    }

    .content .content_c::after
    {
        content: none;
    }

    .content .left-side
    {
        width: 100%;
        max-width: 850px;
        order: 2;
    }

    .content .left-side::after
    {
        content: none;
    }

    .content .right-side
    {
        width: 100%;
        max-width: 850px;
        order: 1;
    }

    .content
    {
        font-size: 1rem;
    }

    .content ul li::before
    {
        top: 10px;
    }

    .art_element .art_headline h3
    {
        font-size: 1.25rem;
    }

    .art_element .art_headline h1
    {
        font-size: 1.5rem;
    }

    .art_element .art_headline h2
    {
        font-size: 1.5rem;
    }

    .art_element .art_headline h4,
    .art_element.art_cols .art_col h4.coltitle
    {
        font-size: 1.125rem;
    }

    .art_element .art_headline h5,
    .art_element .art_headline span.h5
    {
        font-size: 3rem;
    }

    .art_element.title_wave .art_headline:not(.sub) > * > span::before
    {
        content: none;
    }

    .art_element.art_apartment .art_apartment_cont .art_headline h3
    {
        font-size: 1.25rem;
    }

    .art_element.art_apartment .art_apartment_cont .art_headline h4
    {
        font-size: .875rem;
    }

    .art_element.art_group.accitem .art_element
    {
        font-size: 1rem;
    }

    .art_element.art_group.box_container > .art_element_c > .art_inner
    {
        gap: 20px;
    }

    .art_element.art_group.box_container .art_element
    {
        width: calc(calc(100% - 40px) / 3);
        min-width: 250px;
    }

    .art_element.art_box .art_box_cont,
    .art_element.art_text.text_box > .art_element_c
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    .art_element.art_group.box_container .art_headline h2,
    .art_element.art_text.text_box .art_headline h2
    {
        font-size: 1.375rem;
    }

    .art_element.art_box .art_box_btn div
    {
        right: 20px;
        bottom: 20px;
    }

    .art_element.text_box .art_headline:not(.sub) > * > span
    {
        padding-top: 85px;
    }

    .art_element.text_box .art_headline:not(.sub) > * > span::before
    {
        width: 70px;
        height: 74px;
    }

}

@media( max-width: 650px)
{
    .main .content
    {
        padding-left: 25px;
        padding-right: 25px;
    }

    .content
    {
        font-size: 1rem;
    }

    .content ul li::before
    {
        top: 8px;
    }

    .art_element .art_headline h3
    {
        font-size: 1.25rem;
    }

    .art_element .art_headline h1
    {
        font-size: 1.375rem;
    }

    .art_element .art_headline h2
    {
        font-size: 1.375rem;
    }

    .art_element .art_headline h4,
    .art_element.art_cols .art_col h4.coltitle
    {
        font-size: 1.125rem;
    }

    .art_element .art_headline h5,
    .art_element .art_headline span.h5
    {
        font-size: 2rem;
    }

    .art_element.title_r .art_headline:not(.sub) > * > span
    {
        padding-top: 70px;
    }

    .art_element.title_r .art_headline:not(.sub) > * > span::before
    {
        width: 70px;
        height: 60px;
    }

    .content .top-content > .art_element:first-child
    {
        margin-top: 50px;
    }

    .art_element.art_button,
    .art_element.art_packages .art_pack_link,
    .art_element.art_text .art_text_btn,
    .art_element.art_texti .art_texti_btn,
    .art_element.art_text_gallery .art_text_gallery_btn,
    .art_element.art_tip .art_tip_btn,
    .art_element.art_room .art_room_package_btn,
    .art_element.art_room .art_room_table_btn,
    .art_element.art_room_extended .art_room_btn,
    .art_element.art_box .art_box_btn
    {
        margin-top: 20px;
    }

    .art_element.art_button a,
    .art_element.art_packages .art_pack_link a,
    .art_element.art_text .art_text_btn a,
    .art_element.art_texti .art_texti_btn a,
    .art_element.art_text_gallery .art_text_gallery_btn a,
    .art_element.art_tip .art_tip_btn a,
    .art_element.art_room .art_room_package_btn a,
    .art_element.art_room .art_room_table_btn a,
    .art_element.art_room_extended .art_room_btn a,
    .art_element.art_box .art_box_btn div
    {
        font-size: .938rem;
    }

    .art_element.art_packages > .art_element_c
    {
        flex-wrap: wrap;
    }

    .art_element.art_packages .art_pack_image
    {
        width: 100%;
    }

    .art_element.art_packages .art_pack_cont
    {
        width: 100%;
        font-size: .813rem;
        padding-left: 0;
        padding-right: 0;
    }

    .art_element.art_packages .art_pack_cont ul li::before
    {
        top: 6px;
    }

    .art_element.art_packages .art_pack_info
    {
        font-size: .875rem;
    }

    .art_element.art_packages .art_pack_price
    {
        position: absolute;
        top: 14px;
        right: 34px;
        padding: 12px;
        background-color: #B5995C;
        color: #FFF;
        font-size: 1.25rem;
    }

    .art_element.art_packages .art_pack_price .ptag
    {
        font-size: .75rem;
    }

    .art_element.art_packages .art_pack_link
    {
        padding-top: 0;
    }

    .art_element.art_packages .art_pack_link a
    {
        width: 100%;
    }

    .art_element.art_group.accitem > .art_element_c > .art_headline h3
    {
        font-size: 1rem;
    }

    .art_element.art_table th, .art_element.art_table table.mobile_table td.trtitle
    {
        font-size: .875rem;
    }

    .art_element.art_table td, .art_element.art_table table.mobile_table th
    {
        font-size: .875rem;
    }

    .art_element.art_table tr:last-child td:first-child,
    .art_element.art_table tr:last-child th:first-child
    {
    }

    .art_element.art_table tr:last-child th
    {
        border-bottom: 1px solid #4E4B49;
    }

    .art_element.highlight
    {
        padding: 30px 25px;
    }

    .art_element.highlight2
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }


    .art_element.art_group.box_container .art_element
    {
        width: 100%;
        max-width: 400px;
    }

    .art_element.art_box .art_box_cont,
    .art_element.art_text.text_box > .art_element_c
    {
        padding-left: 30px;
        padding-right: 30px;
    }

    .art_element.art_group.box_container .art_headline h2,
    .art_element.art_text.text_box .art_headline h2
    {
        font-size: 1.5rem;
    }

    .art_element.art_apartment .art_apartment_cont
    {
        padding-top: 25px;
    }

    .art_element.art_apartment .art_apartment_price
    {
        right: 25px;
    }

    .art_element.art_apartment .art_apartment_cont .art_headline h3
    {
        font-size: 1.875rem;
    }

    .art_element.art_apartment .art_apartment_cont .art_headline h4
    {
        font-size: 1rem;
    }

    .art_element.art_imageline .art_image.cols_four
    {
        padding: 6px 0;
    }

    .art_element.art_imageline .art_image.cols_four:first-child
    {
        padding: 6px 0;
    }

    .art_element.art_imageline .art_image.cols_four:last-child
    {
        padding: 6px 0;
    }

    .art_element.art_gallery .art_inner .galc.gal_std
    {
        display: block;
    }

    .art_element.art_group.accitem .art_element
    {
        padding-left:0;
        padding-right: 0;
    }

    .art_element.art_plain .boxes_c
    {
        gap: 20px;
    }

    .art_element.art_plain .map_c .item .no
    {
        width: 30px;
        height: 45px;
        font-size: 1rem;
    }

    .art_element.art_plain .map_c .item.itema .no
    {
        width: 30px;
        height: 46px;
        font-size: 2rem;
    }

    .art_element.art_plain.visible .map_c .item p
    {
        width: 180px;
        font-size: 1rem;
        padding: 20px;
        top: 30px;
    }

    .art_element.art_imageline > .art_element_c > .art_inner
    {
        row-gap: 9px;
    }

    .art_element.art_plain .advantages_c .item .img_c
    {
        width: 60px;
        height: 40px;
    }

    .art_element.art_plain .advantages_c .item .img_c img
    {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    #left_enquiry
    {
       min-height: 1470px;
    }

    #wide_enquiry
    {
        min-height: 1460px;
    }

    .art_element.art_table th:first-child,
    .art_element.art_table table.mobile_table td.trtitle:first-child
    {
        text-align: center;
    }

    .content .left-side .art_element .art_headline h3
    {
        letter-spacing: normal;
    }

    .lSSlideOuter .lSPager.lSGallery li.active::before
    {
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        border-width: 2px;
    }

    /* Interaktive Map */
    .interaktive_map_c .art_inner
    {
        padding-top: 37px;
    }

     .interaktive_map_c_c
    {
        overflow-x: scroll;
        padding-bottom: 130px;
    }

     .interaktive_map
    {
        width: auto;
        float: left;
    }

     .interaktive_map .map_image
    {
        width: auto;
        height: 500px;
    }

     .interaktive_map .item
    {
        position: static;
        top: auto !important;
        left: auto !important;
        transform: none !important;
    }

     .interaktive_map .item .no
    {
        width: 24px;
        height: 24px;
    }

     .interaktive_map .item .no::before
    {
        width: calc(100% + 10px);
        height: calc(100% + 10px);
    }

    .interaktive_map .item .no img
    {
        width: 11px;
    }

    .interaktive_map .item1 .no
    {
        top: 37.97%;
        left: 17.59%;
    }

    .interaktive_map .item2 .no
    {
        top: 35.71%;
        left: 32.84%;
    }

    .interaktive_map .item3 .no
    {
        top: 13.75%;
        left: 44.84%;
    }

    .interaktive_map .item4 .no
    {
        top: 73.62%;
        left: 50.12%;
    }

    .interaktive_map .item5 .no
    {
        top: 28.75%;
        left: 52.12%;
    }

    .interaktive_map .item6 .no
    {
        top: 60.73%;
        left: 53.01%;
    }

    .interaktive_map .item7 .no
    {
        top: 34.2%;
        left: 64.87%;
    }

    .interaktive_map .item8 .no
    {
        top: 16.61%;
        left: 65.67%;
    }

    .interaktive_map .item9 .no
    {
        top: 46.6%;
        left: 86.8%;
    }

    .interaktive_map_c + .art_element
    {
        z-index: 2;
    }

     .interaktive_map .item .content
    {
        width: 230px;
        position: fixed;
        top: auto;
        bottom: 250px;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        padding: 70px 28px 50px;
        z-index: 6;
    }

    .interaktive_map .item .content .title
    {
        font-size: 1.125rem;
    }

    .interaktive_map_c .swipe_info
    {
        display: block;
        position: absolute;
        bottom: 20px;
        right: 25px;
        font: 400 .75rem/120% var(--primary-font);
        letter-spacing: .063em;
        color: #BEA570;
        padding-bottom: 83px;
        z-index: 2;
    }

    .interaktive_map_c .swipe_info::before
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 22px;
        height: 31px;
        background-size: 100% 100%;
        animation: swipe_anim 8s linear infinite;
        animation-fill-mode: both;
    }

    .interaktive_map_c.visible .swipe_info::before,
    .interaktive_map_c.active .swipe_info::before
    {
        background-image: url(../img/icons/pointer.svg);
    }

    .interaktive_map_c .swipe_info > span
    {
        display: inline-block;
    }

    .interaktive_map_c .swipe_info > span::before
    {
        content: '';
        position: absolute;
        bottom: 49px;
        left: calc(50% - 6px);
        transform: translateX(-100%);
        width: 19px;
        height: 16px;
        background-size: 100% 100%;
    }

    .interaktive_map_c.visible .swipe_info > span::before,
    .interaktive_map_c.active .swipe_info > span::before
    {
        background-image: url(../img/icons/arrow_left_gold.svg);
    }

    .interaktive_map_c .swipe_info > span::after
    {
        content: '';
        position: absolute;
        bottom: 49px;
        right: calc(50% - 6px);
        transform: translateX(100%);
        width: 19px;
        height: 16px;
        background-size: 100% 100%;
    }

    .interaktive_map_c.visible .swipe_info > span::after,
    .interaktive_map_c.active .swipe_info > span::after
    {
        background-image: url(../img/icons/arrow_right_gold.svg);
    }

    @keyframes swipe_anim
    {
        0%
        {
            margin-left: 0;
        }

        10%
        {
            margin-left: -15px;
        }

        20%
        {
            margin-left: 15px;
        }

        30%
        {
            margin-left: -15px;
        }

        40%
        {
            margin-left: 15px;
        }

        50%
        {
            margin-left: -15px;
        }

        60%
        {
            margin-left: 15px;
        }

        65%
        {
            margin-left: 0;
        }
    }
}

@media(max-width: 500px)
{
    .art_element.art_plain .boxes_c .item
    {
        width: 140px;
        font-size: .875rem;
    }

    .art_element.art_plain .boxes_c .item .img_c
    {
        width: 100%;
        height: 70px;
    }

    .art_element.art_plain .boxes_c .item .img_c img
    {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .art_element.art_table td,
    .art_element.art_table table.mobile_table th
    {
        padding: 9px 15px;
        font-size: .75rem;
    }

    .art_element.art_table th,
    .art_element.art_table table.mobile_table td.trtitle
    {
        padding: 9px 15px;
        font-size: .75rem;
    }


    .art_element.art_plain.visible .map_c .item.item3 p,
    .art_element.art_plain.visible .map_c .item.item2 p
    {
        right: auto;
        left: 0;
    }

}

@media(max-width: 400px)
{
    /* MOD: IB @ 2025.08.20 */
    .page_c {
        padding-top: 86px;
    }
    
    .art_element.art_plain .map_c .item .no
    {
        width: 22px;
        height: 33px;
        font-size: .875rem;
        padding: 8px 5px;
    }

    .art_element.art_plain .map_c .item.itema .no
    {
        width: 22px;
        height: 34px;
        font-size: 1.5rem;
    }

    .art_element.art_plain.visible .map_c .item p
    {
        top: 25px;
    }

}

/*Wetter*/
.wetter_c
{
    color: #525261;
    overflow: hidden;
    width: 96%;
    margin: 0 2%;
}

.wetter_c .wetter_day
{
    float: left;
    margin: 35px 0 0;
    padding: 0 10% 0 0;
    width: 40%;
}

.wetter_c .wetter_desc
{
    float: left;
    margin: 35px 0 0;
    width: 100%;
}

.wetter_c p.wetter_title
{
    color: #333;
    font-family: 'Raleway',Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 150%;
    text-transform: uppercase;
}

.wetter_c p.wetter_stitle
{
    font-weight: bold;
    padding: 3px 0;
}

.wetter_c p.wetter_stitle.spacer
{
    margin: 8px 0 0;
}

.wetter_c .wetter_spacer
{
    margin: 15px 0 0;
}

.wetter_c .wetter_day_data
{
    float: left;
    margin: 10px 0 0;
    max-width: 460px;
    min-width: 280px;
}

.wetter_c .wetter_day_data .wetter_icon
{
    padding: 0 10% 0 0;
    width: 30%;
}

.wetter_c .wetter_day_data .wetter_icon img
{
    vertical-align: middle;
}

.wetter_c .wetter_day_data .wetter_label
{
    font-weight: bold;
    padding: 0 5% 0 0;
    width: 35%;
}

.wetter_c .wetter_day_data .wetter_data
{
    width: 20%;
}

.wetter_c .wetter_sepline
{
    border-top: 1px solid #ccc;
    float: left;
    margin: 35px 0 0;
    width: 100%;
}

@media only screen and (max-width: 1000px)
{
    .wetter_c .wetter_day
    {
        width: 100%;
    }

    .wetter_c .wetter_day
    {
        width: 100%;
    }

    .wetter_c .wetter_day_data .wetter_label
    {
        font-size: 13px;
    }

    .wetter_c .wetter_icon img
    {
        width: 50px;
    }

    .wetter_c .wetter_day_data td
    {
        padding: 0;
    }

    .wetter_c .wetter_icon
    {
        padding: 0 5% 0 0;
        width: 25%;
    }

    .wetter_c .wetter_day_data .wetter_label
    {
        width: 45%;
    }
}

/*GOOGLE-MAPS*/

#maprahmen
{
    border: 1px solid #fff;
    width: 100%;
    text-align: left;
}

#karte
{
    width: 100%;
    height: 400px;
}

#input-hintergrund
{
    background: #f0eeee;
    padding: 5px;
    border: 1px solid #f0eeee;
}

#inputaddress
{
    width: 300px;
    padding: 1px;
    height: 30px;
    border: 1px solid #fff;
    background-color: #fff;
    font-family: 'PT Sans', 'Trebuchet MS', Verdana, 'Lucida Sans', 'sans-serif';
    font-size: 1em;
    color: #65594c;
    margin-right: 15px;
}

#mapsButton
{
    background: #ae8c4d;
    color: #fff;
    font: 400 1.063em/110% Lato, Arial, Helvetica, 'sans-serif';
    padding: 7px 25px;
    border: 2px solid #ae8c4d;
    transition: all .5s;
    text-decoration: none;
    border-radius: 20px;
    cursor: pointer;
}

.mapposition
{
    color: #65594c;
    font-size: 1em;
}

.marker
{
    height: 120px;
    text-align: left;
    width: 300px;
}