.image_text_50_50 {
text-align: center;
padding: 0 0 50px 0;
}
.image_text_50_50 h3 {
margin: 50px 0 25px 0;
}
.image_text_50_50 .image_text_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: center;
align-content: center;
}
@media only screen and (max-width: 739px) {
.image_text_50_50 .image_text_container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
}
.image_text_50_50 .image_text_container .image {
width: 30%;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin: 0 10%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 739px) {
.image_text_50_50 .image_text_container .image {
height: 200px;
width: 100%;
margin: 0 0 30px 0;
}
}
.image_text_50_50 .image_text_container .text {
padding: 1em 10% 1em 0;
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
@media only screen and (max-width: 739px) {
.image_text_50_50 .image_text_container .text {
width: 100%;
text-align: center;
padding: 0 10% 0 10%;
}
}
.image_text_50_50 .image_text_container .text strong {
color: #cca24f;
}
.contact-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding-bottom: 40px;
padding-top: 40px;
background-color: #393a3f;
z-index: 6000;
border-top: 2px solid #fff;
display: none;
color: #cca24f;
}
.contact-bar.showing {
display: block;
}
.contact-bar .flexed-content {
max-width: 1420px;
margin: 0 auto;
padding-left: 40px;
padding-right: 40px;
}
@media screen and (max-width: 1024px) {
.contact-bar .flexed-content {
padding-left: 20px;
padding-right: 20px;
}
}
.contact-bar .flexed-content .heading {
color: #cca24f;
font-size: 1.5625rem;
line-height: 1.4;
font-family: "Baloo2W", serif;
font-weight: bold;
}
.contact-bar .flexed-content .body-text {
color: #fff;
}
.contact-bar .flexed-content .open-contact-bar-arrow {
margin-top: 10px;
background: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/img/icon_arrow_down.svg) no-repeat;
width: 30px;
height: 30px;
background-size: contain;
display: none;
}
@media screen and (max-width: 1024px) {
.contact-bar .flexed-content .open-contact-bar-arrow {
display: block;
}
}
.contact-bar .flexed-content form {
padding-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
.contact-bar .flexed-content form {
display: none;
}
}
@media screen and (max-width: 1024px) {
.contact-bar .flexed-content form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
}
.contact-bar .flexed-content form .inputs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 75%;
}
@media screen and (max-width: 1024px) {
.contact-bar .flexed-content form .inputs {
width: 100%;
}
}
.contact-bar .flexed-content form .inputs select {
background-color: #393a3f;
-webkit-appearance: none;
}
.contact-bar .flexed-content form .inputs select.parsley-error {
border-color: red !important;
}
.contact-bar .flexed-content form .inputs input,
.contact-bar .flexed-content form .inputs select {
width: 23%;
margin: 0!important;
}
@media screen and (max-width: 1024px) {
.contact-bar .flexed-content form .inputs input,
.contact-bar .flexed-content form .inputs select {
width: 48%;
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 570px) {
.contact-bar .flexed-content form .inputs input,
.contact-bar .flexed-content form .inputs select {
width: 100%;
}
}
.contact-bar .flexed-content form button {
width: 15%;
margin: 0!important;
}
@media screen and (max-width: 1024px) {
.contact-bar .flexed-content form button {
-ms-flex-item-align: center;
align-self: center;
}
}
.contact-bar .flexed-content form .answer {
display: none;
}
.contact-bar .flexed-content .heading {
text-transform: uppercase;
}
.contact-bar .close-contact-bar {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.contact-bar .close-contact-bar img {
width: 30px;
height: 30px;
height: auto;
}
.faqs .footnote {
margin-top: 1em;
}
.faqs .faq-question-and-answer {
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #cca24f;
position: relative;
z-index: 100;
}
.faqs .faq-question-and-answer.faq-question-and-answer-open .faq-question:after {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.faqs .faq-question-and-answer.faq-question-and-answer-open .faq-answer {
height: auto;
opacity: 1;
-webkit-transition: opacity 300ms ease-in;
-o-transition: opacity 300ms ease-in;
transition: opacity 300ms ease-in;
}
.faqs .faq-question-and-answer.faq-question-and-answer-closed .faq-question:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.faqs .faq-question-and-answer.faq-question-and-answer-closed .faq-answer {
opacity: 0;
height: 0;
}
.faqs .faq-question-and-answer .faq-question {
font-weight: bold;
width: 100%;
position: relative;
cursor: pointer;
}
.faqs .faq-question-and-answer .faq-question:after {
content: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/img/arrow_left_faq.svg);
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
}
.faqs .faq-question-and-answer .faq-answer {
height: 0;
}
.quote h3 {
font-family: "Baloo2W", serif;
}
menu {
position: relative;
}
menu > .menu > li.mobile-language-switcher {
display: none;
border-top: #cca24f solid 1px;
border-bottom: #cca24f solid 1px;
}
@media only screen and (max-width: 739px) {
menu > .menu > li.mobile-language-switcher {
display: block;
}
}
menu > .menu > li.mobile-language-switcher a,
menu > .menu > li.mobile-language-switcher span {
display: inline-block;
padding: 5px 10px;
margin: 15px 0;
font-size: 12px;
border: #cca24f solid 1px;
}
menu > .menu > li.mobile-language-switcher a.active,
menu > .menu > li.mobile-language-switcher span.active {
display: none;
}
.language-switcher {
position: absolute;
top: 30px;
right: 50px;
z-index: 100;
margin: 0;
font-size: 14px;
background-color: #FFF;
border: 1px solid #cca24f;
overflow: hidden;
-webkit-transition: height 100ms ease-in-out;
-o-transition: height 100ms ease-in-out;
transition: height 100ms ease-in-out;
}
@media only screen and (max-width: 1200px) {
.language-switcher {
top: 32px;
right: 40px;
}
}
@media only screen and (max-width: 1023px) {
.language-switcher {
top: 54px;
right: 32px;
}
}
@media only screen and (max-width: 739px) {
.language-switcher {
display: none;
}
}
@media only screen and (max-width: 1023px) {
.language-switcher.hiddenOnMobile {
display: none;
}
}
.language-switcher:hover {
height: auto;
}
.language-switcher:hover .language-switch {
position: relative !important;
}
.language-switcher .language-switch {
text-transform: uppercase;
}
.language-switcher .language-switch:first-of-type {
position: relative;
}
.language-switcher .language-switch.active {
display: none;
}
.language-switcher .language-switch a,
.language-switcher .language-switch span {
color: #0a0a0a;
padding: 0 7px;
-webkit-transition: 0.5s background-color;
-o-transition: 0.5s background-color;
transition: 0.5s background-color;
display: block;
}
.language-switcher .language-switch a:hover,
.language-switcher .language-switch span:hover {
background-color: #000;
color: #fff;
}