/* ===========================
   Reisefinder Container
=========================== */

/*.hc-rf-form{

    background:#fff;

    border:1px solid #e8e8e8;

    border-radius:12px;

    padding:24px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    position:sticky;

    top:120px;

}*/

/* ===========================
   Reset
=========================== */

.hc-rf-reset{

    margin-bottom:25px;
    
}

.hc-rf-reset a{

    display:block;
    width:100%;
    text-align:center;
    background:#0f766e;
    color:#ffffff;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    padding:10px 16px;
    border-radius:10px;
    transition:all .25s ease;
    box-sizing:border-box;

}

.hc-rf-reset a:hover{

    background:#0b5d57;
    color:#ffffff;

}

/* ===========================
   Groups
=========================== */

.hc-rf-group{

    margin-bottom:15px;
}

.hc-rf-group.collapsible{

    margin-bottom:15px;
    border-bottom:1px solid #e8e8e8;

}

.hc-rf-group:last-child{

    margin-bottom:0;
    border-bottom:none;

}

/* ===========================
   Headings
=========================== */

.hc-rf-group h4{

    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    margin:0;
    padding:5px 0;
    transition:transform .5s ease;
    font-size: 17px;

}

.hc-rf-group.collapsible h4{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    user-select:none;
}

.hc-rf-group.collapsible h4::after{
    content:"+";
    font-size:22x;
    transition:.25s;
}

.hc-rf-group.collapsible.active h4::after{
    content:"−";
}

.hc-rf-content{
    display:none;
}

.hc-rf-group.collapsible.active .hc-rf-content{
    display:block;
}


/* ===========================
   Labels
=========================== */

.hc-rf-group label{

    display:flex;

    align-items:center;

    gap:10px;

    margin:10px 0;

    cursor:pointer;

    color:#374151;

    font-size:14px;

    transition:.2s;

}

.hc-rf-group label:hover{

    color:#0f766e;

}

/* ===========================
   Checkbox
=========================== */

.hc-rf-group input[type=checkbox]{

    width:12px;

    height:12px;

    accent-color:#0f766e;

}

/* ===========================
   Select
=========================== */

.hc-rf-group select{

    width:100%;

    border:1px solid #d6d6d6;

    border-radius:10px;

    padding:6px 10px;

    background:#fff;

    font-size:14px;

    outline:none;

    transition:.2s;

}

.hc-rf-group select:focus{

    border-color:#0f766e;
    
}

/* ===========================
   Mobile
=========================== */

@media(max-width:768px){

    .hc-rf-form{

        position:relative;

        top:0;

        padding:22px;

    }

}