@charset "utf-8";
/**********************************************************************************
	project:		WKK Stanzteil
	file:			contactfeed.css
	function:		Contact pops into bottom of pages
**********************************************************************************/

/* SHOW CONTACT BUTTON ---------------------------------------------------------------*/

.contact-button, .contact-feed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.contact-button {
    z-index: 11;
    font-size: 14px;
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    width: 322px;
    border: none;
    background: #335E7F;
    padding: 8px 0 7px 41px;
    cursor: pointer;
    color: white;
}

.contact-button-toform {
    width: 100%;
    height: 40px;
    background: #00365F;
    border: none;
    cursor: pointer;
    display: block;
    color: white;
    font-size: 14px;
    text-decoration: none;
}

.contact-button:before {
    content: "\2709";
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px;
    font-size: 26px;
    position: absolute;
    left: 74px;
}

.contact-feed {
    z-index: 12;
    width: 270px;
    padding: 30px 30px 10px 30px;
    background: #335E7F;
}

.close-button {
    position: absolute;
    top: 0px;
    right: 13px;
    padding: 10px;
    font-size: 16px;
    font-weight: bolder;
    background: transparent;
    border: none;
    cursor: pointer;
    color: white;
}

.contact-feed .tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
    display: none;
}

.contact-feed .tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .contact-feed .tx-powermail-pi1_mandatory_submit {
    margin: 0;
}

.contact-feed .tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail-pi1_mandatory_submit {
    background-color: #00365f;
    border: 1px solid #00365f;
}

.contact-feed .tx-powermail h3 {
    font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    margin-bottom: 12px;
    color: white;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */