/* Contact Block */
.contact-block {
    width: 100%;
    padding: 15px;
    background: url(/wp-content/uploads/2017/05/contact-block-back.jpg) no-repeat #426179 !important;
    background-position: center !important;
    display: inline-block;
    min-height: 420px;    
}
/* Contact Block */

/* Contact Form */
.contact-form {
    background: url(/wp-content/uploads/2017/05/WOHNSITZ_appointment_page-1.jpg) no-repeat #426179 !important;
    background-size: cover !important;
    padding: 20px 10px !important;
    color: #000;
}

.contact-form textarea, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form select, .contact-form input[type="tel"], #modalContactForm select {
    border: 2px solid #dbdbdb;
    padding: 10px;
    width: 100%;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form select, .contact-form input[type="tel"], #modalContactForm select {
    height: 40px !important;
    line-height: 1em !important;
}

.contact-form p {
    font-weight: 800;
}

.contact-form input, .contact-form textarea {
    font-weight: 400 !important;
}

.contact-form input[type="submit"], .contact-form input[type="button"], .action-buttons a, #modalContactForm input[type="submit"] {
    background: rgb(160,130,77) !important; 
    background: -moz-linear-gradient(top,  rgb(160,130,77) 0%, rgb(193,169,104) 100%) !important; 
    background: -webkit-linear-gradient(top,  rgb(160,130,77) 0%,rgb(193,169,104) 100%) !important; 
    background: linear-gradient(to bottom,  rgb(160,130,77) 0%,rgb(193,169,104) 100%) !important; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0824d', endColorstr='#c1a968',GradientType=0 );
    border: 2px solid #A3864F;
    padding: 10px;
    font-size: 21px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff !important;
    text-shadow: 1px 1px 2px #20190C;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.contact-form input[type="submit"]:hover, .contact-form input[type="button"]:hover, .action-buttons a:hover, #modalContactForm input[type="submit"]:hover {
    background: rgb(193,169,104) !important; 
    background: -moz-linear-gradient(top,  rgb(193,169,104) 0%, rgb(160,130,77) 100%) !important; 
    background: -webkit-linear-gradient(top,  rgb(193,169,104) 0%,rgb(160,130,77) 100%) !important; 
    background: linear-gradient(to bottom,  rgb(193,169,104) 0%,rgb(160,130,77) 100%) !important;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.contact-form input[value="ABSENDEN"] {
    font-size: 25px;
    line-height: 22px;
}

.contact-form textarea[name="your-message"] {
    height: 198px;
    line-height: 1.5;
}


.contact-form .div.wpcf7-mail-sent-ok {
    background-color: #fff;
    font-weight: 600;
    margin: 10px 15px;
    border: 2px solid #398f14;
}

.contact-form .wpcf7-validation-errors {
    background-color: #fff;
    font-weight: 600;
    margin: 10px 15px;
    border: 2px solid #F00;
    color: #FD0000;
}
#modalContactForm {
    padding-right: 17px;
    font-weight: bold;
}

#modalContactForm .modal-dialog {
    width: 800px;
    margin-top: 10% !important;
}

#modalContactForm .modal-header {
    padding: 5px 15px;
}

#modalContactForm .modal-header .close span {
    font-size: 30px;
}

#modalContactForm .modal-title {
    background-size: 100% 38px !important;
    font-size: 27px;
    font-weight: 700;
}

#modalContactForm .modal-body {
    background: url(/wp-content/uploads/2017/05/WOHNSITZ_appointment_page-1.jpg) no-repeat #426179 !important;
    background-size: cover !important;
    padding: 20px 10px !important;
    color: #000;
}

#modalContactForm input[type="text"],#modalContactForm input[type="tel"],#modalContactForm input[type="email"] {
    width: 100%;
    height: 40px;
    border: 2px solid #dbdbdb;
    padding: 10px 15px;
    font-weight: 400;
}

#modalContactForm input[type="checkbox"] {
    margin-right: 10px;
}

#modalContactForm input[type="submit"] {
    margin-right: 10px;
}
/* Contact Form End */

h2.home-title {
    border-bottom: none !important;
}

h3.home-title {
    font-family: 'Alex Brush';
}

#jsModal {
    z-index: 10501;
}

/* Contact Form Phone */
#wpcf7-f5772-p4921-o1 select {
    width: 100%;
    padding: 5px;
}
#wpcf7-f5772-p4921-o1 h1 {
    font-size: 17px;
    margin: 0;
    font-weight: 600;
}
#wpcf7-f5772-p4921-o1 h2 {
    font-size: 14px;
    margin: 0;
}

#wpcf7-f5772-p4921-o1 table, #wpcf7-f5772-p4921-o1 tbody, #wpcf7-f5772-p4921-o1 tfoot, #wpcf7-f5772-p4921-o1 thead, #wpcf7-f5772-p4921-o1 tr, #wpcf7-f5772-p4921-o1 th, #wpcf7-f5772-p4921-o1 td {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

/* Calendar */
#wpcf7-f5772-p4921-o1 table {
    border-collapse: collapse;
    border-spacing: 0;
}
.cal {
    display: block;
    max-width: 260px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.cal a:hover {
    text-decoration: none;
}
.cal th, .cal td {
    width: 40px;
    text-align: center;
}
.cal th:first-child, .cal td:first-child {
    border-left: 0;
}
.cal th {
    font-size: 16px !important;
    color: #696969;
    line-height: 30px !important;
    background: #f3f3f3;
    border-top: 1px solid #cbcbcd !important;
    border-bottom: 1px solid #cbcbcd !important;
    box-shadow: 1px 1px #cbcbcd;
}
.cal td {
    font-size: 11px;
    font-weight: bold;
    border-top: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
}
.cal td a {
    clear: both;
    display: block;
    position: relative;
    color: #000;
    line-height: 28px;
    background-color: #6fb454;
    box-shadow: inset 1px 1px #cac1c2;
}
.cal td a:hover, .cal td.off a {
    background: #fff;
    box-shadow: inset 1px 1px #fff;
}
.cal td.np a {
    background: #cac1c2;
    box-shadow: inset 1px 1px #cac1c2;
}
.cal td.active a, .cal td a:active {
    background: #96cb84;
}
.cal td.active:first-child a, .cal td:first-child a:active {
    border-left: 0;
    margin-left: 0;
}
.cal td.active:last-child a, .cal td:last-child a:active {
    border-right: 0;
    margin-right: 0;
}
.cal tr:last-child td.active a, .cal tr:last-child td a:active {
    border-bottom: 0;
    margin-bottom: 0;
}
/* Calendar End */

/* Hourly Schedule */
.hourly {

}
.hourly {
    display: block;
    max-width: 172px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
.hourly a:hover {
    text-decoration: none;
}
.hourly td {
    width: 58px;
    text-align: center;
}
.hourly td:first-child {
    border-left: 0;
}
.hourly td {
    font-size: 12px !important;
}
.hourly td a {
    clear: both;
    display: block;
    position: relative;
    color: #000;
    line-height: 23px;
    background-color: #6fb454;
    box-shadow: inset 1px 1px #cac1c2;
}
.hourly td a:hover {
    background: #fff;
    box-shadow: inset 1px 1px #fff;
}
.hourly td.np a {
    background: #cac1c2;
    box-shadow: inset 1px 1px #cac1c2;
}
.hourly td.active a, .hourly td a:active {
    background: #96cb84;
}
.hourly td.active:first-child a, .hourly td:first-child a:active {
    border-left: 0;
    margin-left: 0;
}
.hourly td.active:last-child a, .hourly td:last-child a:active {
    border-right: 0;
    margin-right: 0;
}
.hourly tr:last-child td.active a, .hourly tr:last-child td a:active {
    border-bottom: 0;
    margin-bottom: 0;
}
/* Hourly Schedule End */

.free-element, .busy-element, .not-possible-element {
    width: 58px;
    height: 33px;
    margin-left: 2px;
    display: block;
    float: right;
}
.free-element {
    background-color: #6fb454;
}
.busy-element {
    background-color: #836688;
}
.not-possible-element {
    background-color: #cac1c2;
}

/* Contact Form Phone End */

/* Contact Form Ort */
.ort-form h3 {
    font-size: 16px;
    margin-top: 4px;
    font-weight: 600;
    text-transform: uppercase;
}

.ort-form textarea[name="your-message"] {
    height: 114px;
}

.ort-form input[type="radio"] {
    height: auto;
    width: auto;
    margin: 6px 3px 0;
}
/* Contact Form Ort End */

/* Contact Form E-Mail */
.email-form textarea[name="your-message"] {
    height: 193px;
}
.kontact-page-form textarea [name="your-message"], .kontact-page-form textarea [name="your-message"] {
    height: 193px;
}
.kontact-page-form input[type="button"], .email-form input[type="button"], .contact-form input[type="button"] {
    width: 100%;
}

.telefone-form .mail-link, .ort-form .mail-link, .email-form .mail-link {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 45px;
}
/* Contact Form E-Mail End */

/* Contact Form Telefone */
.telefone-form a.mail-link, .ort-form a.mail-link, .email-form a.mail-link {
    background: rgb(160,130,77) !important;
    background: -moz-linear-gradient(top, rgb(160,130,77) 0%, rgb(193,169,104) 100%) !important;
    background: -webkit-linear-gradient(top, rgb(160,130,77) 0%,rgb(193,169,104) 100%) !important;
    background: linear-gradient(to bottom, rgb(160,130,77) 0%,rgb(193,169,104) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0824d', endColorstr='#c1a968',GradientType=0 );
    border: 2px solid #A3864F;
    padding: 10px 5px;
    font-size: 21px;
    line-height: 1;
    color: #fff !important;
    text-shadow: 1px 1px 2px #20190C;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: 400;
}
.telefone-form a.mail-link:hover, .ort-form a.mail-link:hover, .email-form a.mail-link:hover {
    background: rgb(193,169,104) !important;
    background: -moz-linear-gradient(top, rgb(193,169,104) 0%, rgb(160,130,77) 100%) !important;
    background: -webkit-linear-gradient(top, rgb(193,169,104) 0%,rgb(160,130,77) 100%) !important;
    background: linear-gradient(to bottom, rgb(193,169,104) 0%,rgb(160,130,77) 100%) !important;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
}
.telefone-form textarea[name="your-message"] {
    height: 114px !important;
}
/* Contact Form Telefone End */

/** FIX **/
p.mail-link {
    text-align: center !important;
    font-weight: normal !important;
}
a.mail-link {
    display: inline-block;
    width: 100%;
    text-transform: none;
}
a.mail-link:hover {
    text-decoration: none;
}
#start-chat {
    display: inline-block;
    width: 100%;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    display: none !important;
}