/* Eigene CSS-Angaben für WP-ImmoMakler.
Wird nach dem mitgelieferten Plugin-CSS geladen,
Sie können somit die CSS-Angaben überschreiben oder ergänzen */
html{

--accent-color-krist: #d6d800;

}

/*Einzelseite*/

.immomakler-single{
    padding-top: 80px;
}

.immomakler .h1, .immomakler h1{
    font-size: 36px !important;
}
.immomakler-single h2.property-subtitle{
    margin: 0 !important;
}
.immomakler-single .immomakler-property-excerpt{
    background-color: transparent;
    border: 1px solid #d6d800;
}

.immomakler-single .property-actions{
    margin-bottom: 20px;
    width: 100%;
    gap: 20px;
}

.panel-heading h2, dd, dt{
    font-family: var(--e-global-typography-3ccaf68-font-family) !important;
    font-size: var(--e-global-typography-3ccaf68-font-size) !important;
    font-weight: var(--e-global-typography-3ccaf68-font-weight) !important;
    text-transform: var(--e-global-typography-3ccaf68-text-transform) !important;
    line-height: var(--e-global-typography-3ccaf68-line-height) !important;
}


.immomakler-single .property-actions .btn{
    background-color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-3ccaf68-font-family);
    font-size: var(--e-global-typography-3ccaf68-font-size);
    font-weight: var(--e-global-typography-3ccaf68-font-weight);
    text-transform: var(--e-global-typography-3ccaf68-text-transform);
    line-height: var(--e-global-typography-3ccaf68-line-height);
    fill: var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
    transition-duration: 0.2s;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 0px 0px 0px 0px;
    padding: 14px 22px 16px 22px;
    width: stretch;
}
.immomakler-single .property-actions .btn:hover{
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-primary);
}

.immomakler .glyphicon{

}

.immomakler-page .lg-show-in .lg-next, .immomakler-page .lg-show-in .lg-pager-outer, .immomakler-page .lg-show-in .lg-prev{
    color: white;
}
.lg-container.lg-show.lg-show-in .lg-next,
.lg-container.lg-show.lg-show-in .lg-prev,
.lg-container.lg-show.lg-show-in .lg-next:hover,
.lg-container.lg-show.lg-show-in .lg-prev:hover,
.lg-container.lg-show.lg-show-in .lg-next:active,
.lg-container.lg-show.lg-show-in .lg-prev:active{
    background-color: #000;
    border: 1px solid white;
    aspect-ratio: 1;
    border-radius: 0;
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
      border-color: #d6d800 !important;  
}

.immomakler-single .property-attachments a,
.immomakler-single .property-contact a{
    color: #000 !important;
    text-decoration: underline !important;
}
.immomakler-single .property-contact .property-contact-form-cta-button{
    color: #fff !important;
}
.immomakler-single .property-contact .property-contact-form-cta-button:hover{
    color: #000 !important;
}

.immomakler .btn-group, .immomakler .btn-group-vertical{
    display: flex;
}

.immomakler-single.immomakler .panel-default>.panel-heading{
    background-color: #000 !important;
    color: #fff;
}

.immomakler-single.immomakler .panel-default{
    border: 1px solid #000 !important;
}

.swiper-button-next.immomakler-gallery__next,
.swiper-button-prev.immomakler-gallery__prev,
.swiper-button-next.immomakler-gallery__next:hover,
.swiper-button-prev.immomakler-gallery__prev:hover,
.swiper-button-next.immomakler-gallery__next:focus,
.swiper-button-prev.immomakler-gallery__prev:focus{
    background-color: transparent !important;
    border: none !important;
    visibility: visible !important;
}

.immomakler-gallery--horizontal_thumbs .immomakler-gallery__thumbs-prev,
.immomakler-gallery--horizontal_thumbs .immomakler-gallery__thumbs-next{
    visibility: visible !important;
    background-color: #000 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}
.immomakler-gallery--horizontal_thumbs .immomakler-gallery__prev::before,
.immomakler-gallery--horizontal_thumbs .immomakler-gallery__next::before{
    z-index: 9998 !important;
    opacity: 1 !important;
    background-color: #000 !important;
}
.immomakler-gallery--horizontal_thumbs .immomakler-gallery__prev::after,
.immomakler-gallery--horizontal_thumbs .immomakler-gallery__next::after{
    z-index: 9999 !important;
}

.immomakler-gallery--horizontal_thumbs .immomakler-gallery__thumbs-next::after,
.immomakler-gallery--horizontal_thumbs .immomakler-gallery__thumbs-prev::after{
    content: "" !important;
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M9%204l8%208-8%208'%20fill='none'%20stroke='%23000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M9%204l8%208-8%208'%20fill='none'%20stroke='%23000'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 15px !important;
    width: 15px !important;
    background-color: #fff !important;
    justify-self: center;
}
.immomakler-gallery--horizontal_thumbs .immomakler-gallery__thumbs-prev::after{
    transform: rotate(180deg);
}

#immomakler-contactform .checkbox a{
    color: #000 !important;
    text-decoration: underline;
}

#immomakler-contactform .checkbox input{
    accent-color: #d6d800 !important;
}
.immomakler .form-control{
    height: 40px;
}

.immomakler .btn-primary,
.property-contact-form-cta-button{
    background-color: #000;
    color: #fff;
    border-color: #000;
    transition: all 0.3s ease;
}

.immomakler .btn-primary:hover,
.property-contact-form-cta-button:hover{
    background-color: #fff;
    color: #000;
}



/*Übersichtsseite*/
.immomakler-archive .paginator{
    background-color: black;
    color: white;
}

#immomakler-search-advanced .search-ranges,
#immomakler-search .search-taxonomies,
#immomakler-search-advanced .search-actions{
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
#immomakler-search .search-taxonomies::before,
#immomakler-search .search-taxonomies::after,
#immomakler-search-advanced .search-actions::before,
#immomakler-search-advanced .search-actions::after,
#immomakler-search-advanced .search-ranges::before,
#immomakler-search-advanced .search-ranges::after{
    display: none !important;
}

#immomakler-search-advanced .search-actions .immomakler-submit{
    margin: 0 !important;
}

#immomakler-search-advanced .immomakler-search-range{
    padding: 0 !important;
    width: 100%;
}

#immomakler-search-agents-panel{
    display: none !important;
}

.search-taxonomies .immomakler-search-taxonomy{
    height: 40px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}
.search-taxonomies .dropdown-toggle{
    height: 100%;
}


.search-taxonomies .dropdown-toggle .filter-option{
    display: flex;
    align-items: center;
}

#immomakler-search-advanced div.search-taxonomies:first-child{
    margin: 0 0 20px 0!important;
}

.immomakler-archive .property-title{
    color: #000 !important;
    line-height: 140% !important;
    margin-bottom: 20px;
}
.immomakler-archive .property-title a{ 
    color: #000 !important;
}

.immomakler-archive .immomakler-boxed .property-container .property-actions{
    left: 0 !important;
}
.immomakler-archive .property-actions{
    width: 100%;
    padding: 0 15px;
}
.immomakler-archive .property-actions a,
.immomakler-archive .immomakler-cart-copy-form .input-group-btn button{
    width: 100%;
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    transition: all 0.3s ease;
}
.immomakler-archive .property-actions a:hover,
.immomakler-archive .immomakler-cart-copy-form .input-group-btn button:hover{
    background-color: #fff;
    color: #000;
}

.immomakler-archive .property-actions .btn-group{
    gap: 10px;
}

.immomakler-archive .immomakler-cart-copy-form .input-group-btn button{
    height: 40px;
}

.immomakler-archive .immomakler-cart-button{
    margin: 0 !important;
    align-items: center;
    display: flex !important;
    justify-content: center;
    gap: 10px;
}

.immomakler-archive .checkbox input[type=checkbox],
.immomakler-archive .checkbox-inline input[type=checkbox],
.immomakler-archive .radio input[type=radio],
.immomakler-archive .radio-inline input[type=radio]{
    margin-left: 0 !important;
}

#immomakler-contactform .checkbox label{
    line-height: 140%;
}

@media (max-width: 784px) {
    #immomakler-search-advanced .search-ranges, #immomakler-search .search-taxonomies, #immomakler-search-advanced .search-actions{
        grid-template-columns: 1fr 1fr !important;
    }

    .immomakler-archive .paginator{
        margin-top: 15px !important;
    }
}