/* In Kombination mit Plugin ConvertForm */
/* Convert form / formular / Kontaktformular */

/* Dropdown Button */
/* QUICK MENU */


#your-request {
    position: fixed;
    right: 0;
    z-index: 999;
    bottom: 94px;
}

#your-request button {
    margin:0;
    padding:0;
    border: none;
}


#your-request .dropbtn-btn {
    position: fixed;
    right: 0;
    bottom: 5%;
    z-index: 999;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background: var(--transparent);
    transition: 0.35s all ease-in;
}

#your-request .dropbtn-btn.icons img {
    width: 50px;
    height: 150px;

    opacity: 0.5;
    transition: 0.35s opacity ease-in-out;
}

#your-request .dropbtn-btn.icons:hover img {
    opacity: 1;
    transition: 0.35s opacity ease-in-out;
}

#your-request .dropdownStyle .dropbtn-btn {
    right:235px;
    transition: 1s all ease-in;
}




#your-request .dropbtn {
    position: fixed;
    right: 0;
    bottom: 10%;
    z-index: 999;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background: var(--sekundaerfarbe);
    transition: 1s all ease-in;
}
#your-request .dropbtn:hover, #your-request .dropbtn:focus {

    border: none;
    box-shadow: none;
    border-radius: 0;

}



.dropdown-content {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 35px solid var(--sekundaerfarbe);
    width: 600px;
    position: fixed;
    bottom: 5%;
    top: auto;
    right: -600px;
    transition: 0.35s all ease-in;
    opacity: 1;

}



.dropdown-content.show_new {
    width:285px;
    right:0;
    transition: 1s all ease-in;
    background:var(--sekundaerfarbe);
}


#your-request .dropdown-content span {
    font-size:inherit;
    display: contents;

}












/* Convertform */

#your-request .convertforms .cf-label .cf-required-label {
    color:var(--weiss);
}




/* Halbe Spalten auf ganze gezwungen */
#your-request .convertforms .cf-one-half{
    width:100%;
}




/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 450px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 600px) {

    /*Abstand nach unten */
    .dropdown-content {
        bottom: 10%;
    }
    .dropdown-content {
    
    border-left: 60px solid var(--sekundaerfarbe);
    

}
    #your-request .dropbtn-btn {
        bottom: 10%;
    }
    /*Breite dropdown*/
    .dropdown-content.show_new {
        width:400px;
    }



    /*button*/
    #your-request .dropdownStyle .dropbtn-btn {
        right:325px;
    }

    /* Halbe Spalten zurückgestellt  */
    #your-request .convertforms .cf-one-half{
        width:50%;
    }



    #your-request .dropbtn-btn.icons img {
        width: 71px;
        height: 214px;


    }


}


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 767px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 767px) {

    /* Button wird erst halb transparent, wenn er Texte überdeckt */
    #your-request .dropbtn-btn.icons img {
        opacity: 1;
    }
    /*Breite dropdown*/
    .dropdown-content.show_new {
        width:600px;
        background:var(--sekundaerfarbe);
    }

    /*button*/
    #your-request .dropdownStyle .dropbtn-btn {
        right:529px;
    }

}