/* Chatbutton */

#zp-support{
    position:fixed;
    right:25px;
    bottom:25px;
    z-index:99999;
    font-family:Arial,Helvetica,sans-serif;
}

#zp-button{
    background:#2E7D32;
    color:#fff;
    padding:15px 22px;
    border-radius:50px;
    cursor:pointer;
    box-shadow:0 8px 25px rgba(0,0,0,.25);
    transition:.3s;
    user-select:none;
    font-weight:bold;
}

#zp-button:hover{
    background:#388E3C;
    transform:translateY(-2px);
}

/* Chatfenster */

#zp-window{

    display:none;

    width:360px;
    max-width:90vw;

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.3);

    margin-top:10px;

    animation:fade .25s ease;
}

@keyframes fade{

from{
opacity:0;
transform:translateY(20px);
}

to{
opacity:1;
transform:translateY(0);
}

}

#zp-window h2{

margin:0;
padding:18px;
background:#2E7D32;
color:white;
font-size:18px;

}

#zp-window h3{

margin:0;
padding:18px;
background:#2E7D32;
color:white;
font-size:18px;

}

#zp-form{

padding:20px;

}

#zp-form input,
#zp-form textarea{

width:100%;

padding:12px;

margin-bottom:15px;

border:1px solid #ccc;

border-radius:8px;

font-size:15px;

box-sizing:border-box;

outline:none;

transition:.3s;

}

#zp-form input:focus,
#zp-form textarea:focus{

border-color:#2E7D32;

box-shadow:0 0 6px rgba(46,125,50,.2);

}

#zp-form textarea{

height:140px;

resize:vertical;

}

#zp-form button{

width:100%;

padding:14px;

background:#2E7D32;

color:white;

font-size:16px;

border:none;

border-radius:8px;

cursor:pointer;

transition:.3s;

}

#zp-form button:hover{

background:#388E3C;

}

#zp-message{

margin-top:15px;

text-align:center;

font-weight:bold;

}

.success{

color:#2E7D32;

}

.error{

color:#d32f2f;

}

@media(max-width:600px){

#zp-support{

right:10px;
bottom:10px;

}

#zp-window{

width:95vw;

}

}