@font-face {
font-display: swap; font-family: "Baloo 2";
font-style: normal;
font-weight: 400;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Baloo 2";
font-style: normal;
font-weight: 500;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-500.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Baloo 2";
font-style: normal;
font-weight: 600;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Baloo 2";
font-style: normal;
font-weight: 700;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Baloo 2";
font-style: normal;
font-weight: 800;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-800.woff2) format("woff2"); }  @font-face {
font-display: swap; font-family: "Baloo2W";
font-style: normal;
font-weight: 400;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Baloo2W";
font-style: normal;
font-weight: 500;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-500.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Baloo2W";
font-style: normal;
font-weight: 600;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-600.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Baloo2W";
font-style: normal;
font-weight: 700;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: "Baloo2W";
font-style: normal;
font-weight: 800;
src: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/fonts/baloo-2/baloo-2-v23-latin_latin-ext-800.woff2) format("woff2"); }
.behandlungsoptionen .behandlungsoptionen-row-boxes {
display: flex;
flex-flow: row;
flex-wrap: wrap;
width: 100%;
}
.behandlungsoptionen .behandlungsoptionen-row-boxes .columns {
margin-bottom: 30px;
}
.behandlungsoptionen .footerbox {
border: none;
padding: 30px;
box-sizing: border-box;
}
@media only screen and (max-width: 569px) {
.behandlungsoptionen .footerbox {
padding: 0;
}
}
@media only screen and (max-height: 569px) {
.behandlungsoptionen .footerbox {
padding: 0;
}
}
.behandlungsoptionen .footerbox h4 {
font-size: 34px;
color: #cca24f;
padding-bottom: 0.25em;
}
.behandlungsoptionen .footerbox p {
max-width: none;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.behandlungsoptionen .behandlungsoptionen-sub-headline {
color: #cca24f;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.behandlungsoptionen .behandlungsoptionen-introtext {
padding-bottom: 2em;
}
.behandlungsoptionen .behandlungbox {
height: 100%;
}
.behandlungsoptionen .behandlungbox h3 {
font-family: "Baloo 2", Helvetica, Roboto, Arial, sans-serif;
margin: 20px 20px 0 20px;
font-size: 28px;
font-weight: 600;
}
.behandlungsoptionen .behandlungbox p {
font-size: 16px;
line-height: 1.5em;
}
.behandlungsoptionen .behandlungbox.gold p {
color: #ffffff;
}
.behandlungsoptionen .behandlungbox.schwarz h3 {
color: #cca24f;
}
.behandlungsoptionen .behandlungbox.schwarz p {
color: #ffffff;
}
.behandlungsoptionen .behandlungbox.weiss {
border: 1px solid #f2f2f2;
}
.mainFrame {
position: relative;
}
.mainFrame .nonsubcontent {
overflow: hidden;
}
.mainFrame .scrollTop {
bottom: -13px;
}
.fixed-header {
position: fixed;
width: 100%;
top: 30px;
height: 100px;
z-index: 1000;
}
@media only screen and (max-width: 569px) {
.column, .columns {
padding-right: 1.5rem;
padding-left: 1.5rem;
box-sizing: border-box;
}
}
@media only screen and (max-height: 569px) {
.column, .columns {
padding-right: 1.5rem;
padding-left: 1.5rem;
box-sizing: border-box;
}
}
.frame.kontakt .right #map .contactbox {
background: rgb(25, 25, 25);
}
.frame.kontakt .right #map .contactbox .contactbox-inner {
border: none;
}
.frame.kontakt .left {
background: #cca24f;
}
.frame.kontakt .left .anfrage h3 {
color: #ffffff;
}
@media only screen and (max-width: 739px) {
.stats .face h2 {
font-size: 80px;
letter-spacing: 0;
}
}
@media only screen and (max-width: 739px) {
.stats p {
font-size: 16px;
}
}
body.dr-kuehhas .bigslider {
background: #ffffff;
}
body.dr-kuehhas .bigslider .sliderContainer .sliderContainer-inner p {
font-size: 18px;
}
body.dr-kuehhas .bigslider .indicator {
background-color: rgb(25, 25, 25);
padding: 60px 10px;
}
body.dr-kuehhas .bigslider .indicator .indicator-inner {
max-width: 60%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
}
@media only screen and (max-width: 1023px) {
body.dr-kuehhas .bigslider .indicator .indicator-inner {
flex-flow: column;
align-items: center;
}
}
body.dr-kuehhas .bigslider .indicator .indicator-inner .sepa {
display: none;
}
body.dr-kuehhas .bigslider .indicator .indicator-inner a.item {
color: #ffffff;
border: none;
background: none;
text-transform: uppercase;
width: auto;
font-size: 34px;
height: auto;
border-right: 2px solid #ffffff;
padding-left: 1em;
padding-right: 1em;
border-radius: 0;
margin: 0;
margin-bottom: 0.25em;
margin-top: 0.25em;
line-height: 1em;
}
@media only screen and (max-width: 1023px) {
body.dr-kuehhas .bigslider .indicator .indicator-inner a.item {
font-size: 18px;
border-right: none;
}
}
body.dr-kuehhas .bigslider .indicator .indicator-inner a.item.active {
color: #cca24f;
}
body.dr-kuehhas .bigslider .indicator .indicator-inner a.item:last-of-type {
border: none;
}
body.dr-kuehhas .bigslider .indicator .indicator-inner a.item:after {
display: none;
}
.team.content-box {
padding-left: 0;
padding-right: 0;
}
.team.content-box .row .columns {
padding-left: 0;
padding-right: 0;
}
.team.content-box .row .columns .teambox {
display: flex;
flex-flow: row-reverse;
padding-top: 2em;
border: 1px solid #f2f2f2;
margin: 30px 0;
}
@media only screen and (max-width: 739px) {
.team.content-box .row .columns .teambox {
flex-flow: column;
}
}
.team.content-box .row .columns .teambox .teambox-about {
text-align: left;
}
.team.content-box .row .columns .teambox .teambox-about h3 {
font-size: 34px;
font-family: "Baloo 2", sans-serif;
padding-bottom: 0.25em;
margin-bottom: 0;
}
.team.content-box .row .columns .teambox .teambox-about h6 {
padding-bottom: 1em;
font-size: 16px;
}
.team.content-box .row .columns .teambox .fotobox .foto {
position: relative;
left: auto;
right: auto;
top: auto;
margin-left: 1em;
}
@media only screen and (max-width: 739px) {
.team.content-box .row .columns .teambox .fotobox .foto {
margin-bottom: 20px;
margin-left: 0;
}
}
.team.content-box .row .columns .teambox .fotobox .foto:after {
display: none;
}
h1.page-headline {
padding-top: 1em;
}
.faq-single p {
text-align: left;
}
body.faqs .faq-box .qbox {
border-top: 1px #cca24f solid;
padding-left: 0;
}
body.faqs .faq-box .qbox .q {
font-size: 18px;
min-height: 50px;
}
body.faqs .faq-box .qbox .q p a {
color: #cca24f;
}
body.faqs .faq-box .abox {
padding-right: 0;
}
body.faqs .faq-box .abox .a a {
display: flex;
flex-flow: row;
justify-content: flex-end;
align-items: flex-start;
padding-top: 15px;
}
body.faqs .faq-box .abox .a a img {
width: 27px;
padding: 0;
}
body.faqs .faq-box h4 {
font-size: 34px;
color: #cca24f;
font-family: "Baloo 2", sans-serif;
padding-bottom: 1em;
}
html {
background-color: #ffffff;
}
body.faqs {
display: initial;
}
.content-box h4:first-of-type {
padding-top: 0;
}
.nofloat {
float: none !important;
margin-left: auto;
margin-right: auto;
}
.mainFrame .subcontent footer h2 {
text-align: center;
}
#content-box {
margin-left: auto;
margin-right: auto;
}
body.single-post h1 {
padding-top: 1em;
}
body.single-post .more-about-the-author {
background-color: transparent;
color: rgb(25, 25, 25);
font-size: 18px;
padding-bottom: 4em;
}
body.single-post .more-about-the-author .about-author-text {
font-size: 18px;
}
body.single-post .more-about-the-author .about-author-text .heading h3 {
border-bottom: none;
font-size: 34px;
font-weight: normal;
}
body.single-post .sharebox {
margin-top: 2em;
position: relative;
z-index: 100;
}
body.single-post .sharebox a {
position: relative;
z-index: 100;
}
body.single-post .sharebox:after {
position: absolute;
content: "";
border-bottom: 1px solid #f2f2f2;
top: 50%;
width: 100%;
z-index: 50;
}
body.single-post h2 {
font-size: 34px;
color: #cca24f;
padding-top: 1em;
}
body.single-post .content-box.blog .post {
border: none;
}
body.single-post .content-box.blog .post .content {
padding-top: 0;
}
body.single-post .blog-title {
padding-bottom: 1em;
margin-bottom: 2em;
border-bottom: 1px solid #f2f2f2;
}
body.single-post .blog-title h1 {
color: rgb(25, 25, 25);
}
body.single-post .blog-title .date {
position: relative;
margin: 10px 0 0 0;
color: rgb(25, 25, 25);
background-color: transparent;
padding: 0;
text-align: left;
}
body.single-post .column {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
float: none !important;
}
.page-template-page-blog .post .date {
position: relative;
background: transparent;
color: rgb(25, 25, 25);
margin: 0;
padding: 0;
text-align: left;
}
.blog .pages-links {
padding-bottom: 2em;
}
.blog h3 {
font-family: "Baloo 2", sans-serif;
text-transform: none;
}
.blog p {
font-size: 18px;
}
.blog .post {
border: 1px solid #f2f2f2;
}
.blog .post .content {
padding: 2em;
}
.blog .post .content .row .blog-overview-text-part {
padding: 0;
}
.blog .post .content .row .blog-overview-text-part h3 a {
color: rgb(25, 25, 25);
}
.blog .post .content .row .blog-overview-text-part .date {
position: relative;
background: transparent;
text-align: left;
color: rgb(25, 25, 25);
margin: 0;
padding: 0;
}
.blog .post .content .row .blog-overview-text-part .sharebox {
justify-content: flex-start;
}
.blog .post .content .row .blog-overview-text-part .sharebox a:first-of-type {
margin-left: 0;
}
.blog.content-box {
padding: 0;
}
.pageheading .column {
float: none;
margin-left: auto;
margin-right: auto;
}
.pageheading .column .infobox h1, .pageheading .column .infobox h2 {
padding-top: 1em;
color: #cca24f;
border-bottom: none;
}
.pageheading .column .infobox h2 {
padding-bottom: 0.5em;
}
.subcontent {
position: initial;
}
body.blog .mainFrame .subcontent {
padding-top: 0;
}
body.blog .mainFrame .subcontent .row .column {
margin-left: auto;
margin-right: auto;
float: none;
}
.relatedlinks {
background-color: rgb(25, 25, 25);
padding-bottom: 80px;
left: 0;
width: 100%;
}
.relatedlinks h3 {
border: 0;
color: #ffffff;
font-size: 1.9375rem;
font-weight: 600;
}
@media only screen and (max-width: 739px) {
.relatedlinks h3 {
font-size: 1.1875rem;
}
}
.relatedlinks .arrow {
display: none;
}
.relatedlinks .teaserbox .textbox {
color: rgb(25, 25, 25);
background-color: #ffffff;
padding-left: 2em;
padding-right: 2em;
box-sizing: border-box;
}
.relatedlinks .teaserbox .textbox h5 {
color: rgb(25, 25, 25);
}
.relatedlinks .teaserbox .textbox p {
color: rgb(25, 25, 25);
}
.faqs {
display: flex;
flex-flow: row;
}
.faqs .faqs-icon {
margin-top: 40px;
margin-right: 40px;
}
@media only screen and (max-width: 1199px) {
.faqs .faqs-icon {
display: none;
}
}
.faqs .faqs-icon .icon {
min-width: 190px;
max-width: 190px;
height: auto;
}
.faqs .faqs-body h4 {
padding-bottom: 0.5em;
}
.faqs .faqs-body .faq-items .faq-question-and-answer:first-of-type {
border-top: 1px solid #cca24f;
}
.faqs .faqs-body .faq-items .faq-question-and-answer .faq-question {
color: #cca24f;
font-size: 22px;
font-weight: normal;
padding-bottom: 0.25em;
}
.faqs .faqs-body .faq-items .faq-question-and-answer .faq-question:after {
content: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/img/arrow_left_faq_gold.svg);
}
.content-box li:not([role]):before {
color: rgb(25, 25, 25);
font-size: 27px;
top: -10px;
}
p {
font-size: 18px;
}
ul li, ol li {
font-size: 18px;
padding-bottom: 0.5em;
}
.mainFrame .subcontent {
padding-bottom: 0;
}
.mainFrame .subcontent .content-box.border {
margin-bottom: 0;
}
.mainFrame .subcontent .table h4 {
text-align: center;
padding-bottom: 1em;
}
.video_player {
padding-bottom: 50px;
}
.video_player h4 {
padding-bottom: 1em;
}
.gold {
color: #cca24f;
}
.sticky-container {
position: absolute;
z-index: 200;
width: auto;
top: 0;
}
.sticky-container .sticky-menu {
max-width: none !important;
opacity: 0;
padding-bottom: 0;
transition: transform 200ms ease-in-out;
}
.sticky-container .sticky-menu .hide-to-left-bar {
position: absolute;
right: 0;
width: 30px;
transform: translate(28px, 0);
text-align: center;
border-top: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
border-right: 2px solid #f2f2f2;
background-color: #ffffff;
padding-bottom: 3px;
font-weight: 600;
color: #cca24f;
}
.sticky-container .sticky-menu .hide-to-left-bar .hide-to-left-button {
height: 30px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.sticky-container .sticky-menu .hide-to-left-bar .show-from-left-button {
display: none;
height: 30px;
justify-content: center;
align-items: center;
cursor: pointer;
}
.sticky-container .sticky-menu.hidden-to-left {
transform: translate(calc(-100% - 1px), 0);
}
.sticky-container .sticky-menu.hidden-to-left .hide-to-left-bar .hide-to-left-button {
display: none;
}
.sticky-container .sticky-menu.hidden-to-left .hide-to-left-bar .show-from-left-button {
display: flex;
}
.sticky-container .sticky-menu:not(.is-anchored) {
top: 0;
left: 0;
padding-top: calc(60vh + 100px);
}
.sticky-container .sticky-menu.is-stuck {
padding-top: 0 !important;
}
.sticky-container .sticky-menu > ul {
margin-left: 0 !important;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.sticky-container .sticky-menu > ul > li {
color: #cca24f !important;
font-size: 17px;
font-weight: normal;
}
.sticky-container .sticky-menu > ul > li > ul {
padding-top: 0.25em;
}
.sticky-container .sticky-menu ul {
background-color: #ffffff;
margin-left: 0.25em;
padding: 1.25em;
font-size: 16px;
}
.sticky-container .sticky-menu ul li {
color: rgb(25, 25, 25);
padding-bottom: 0;
font-size: 16px;
}
.sticky-container .sticky-menu ul li a {
color: rgb(25, 25, 25);
}
.block {
display: block;
float: none;
}
.centered {
margin-left: auto;
margin-right: auto;
}
.social.societies {
background-color: rgb(25, 25, 25);
}
.anfrage .formbox {
background: transparent !important;
}
.anfrage .formbox button {
border-color: #ffffff;
color: #ffffff;
min-width: auto;
width: auto;
padding: 0.25em 1.5em 0.5em;
font-family: "Baloo 2", sans-serif;
letter-spacing: 2px;
}
.anfrage .formbox button .content {
color: #ffffff;
}
.anfrage .formbox textarea {
color: #ffffff;
border-color: #ffffff;
font-size: 18px;
margin-bottom: 1.5em !important;
}
.anfrage .formbox textarea::placeholder {
color: #ffffff;
opacity: 0.5;
}
.anfrage .formbox textarea:focus {
color: #ffffff;
}
.anfrage .formbox input {
color: #ffffff;
border-color: #ffffff;
font-size: 18px;
margin-bottom: 0.75em !important;
}
.anfrage .formbox input::placeholder {
color: #ffffff;
opacity: 0.5;
}
.anfrage .formbox input:focus {
color: #ffffff;
}
.anfrage .extraFrame {
border: none !important;
max-width: 620px;
}
footer .anfrage .extraFrame .formbox input, footer .anfrage .extraFrame .formbox textarea {
color: #ffffff !important;
}
footer .contactbox a.gold {
color: #cca24f;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Baloo 2", Helvetica, Roboto, Arial, sans-serif;
text-transform: none;
font-weight: bold;
}
.quote {
background-color: rgb(25, 25, 25);
}
.quote .slick-slider {
position: initial;
}
.quote h3 {
color: #ffffff;
font-family: "Baloo 2", Helvetica, Roboto, Arial, sans-serif;
margin-top: 0;
text-transform: none;
font-size: 42px;
font-weight: bold;
text-align: center !important;
}
.quote .quotebox .quotebox-right {
margin-left: auto;
margin-right: auto;
float: none;
display: block;
border: none;
text-align: center;
margin-bottom: 2em;
font-size: 18px;
opacity: 0.8;
}
@media only screen and (max-width: 739px) {
.quote .quotebox .quotebox-right {
width: 90%;
}
}
.quote .quotebox .quotebox-right p {
margin: 0;
}
.quote .quotebox .quotebox-left {
margin-left: auto;
margin-right: auto;
float: none;
display: block;
text-align: center;
opacity: 0.5;
color: #ffffff;
}
@media only screen and (max-width: 739px) {
.quote .quotebox .quotebox-left {
width: 90%;
}
}
.quote .quotebox .quotebox-left .author {
font-size: 18px;
font-weight: normal;
}
@media only screen and (max-width: 739px) {
.quote .quotebox .quotebox-left .author {
font-size: 13px;
}
}
.quote .quotebox .quotebox-left .position {
font-size: 18px;
font-weight: normal;
}
@media only screen and (max-width: 739px) {
.quote .quotebox .quotebox-left .position {
font-size: 13px;
}
}
.stats h3 {
font-family: "Baloo 2", Helvetica, Roboto, Arial, sans-serif;
margin-top: 0;
text-transform: none;
font-size: 42px;
font-weight: bold;
}
@media only screen and (max-width: 1023px) {
.stats .face {
margin-bottom: 50px;
}
}
.stats .face h2 {
line-height: 1;
}
.stats .face hr {
display: none;
}
.mainFrame {
border: 0;
}
.mainFrame .subcontent {
padding-top: 0px;
}
.mainFrame .subcontent .content-box.border {
border: 0;
padding: 0;
top: 0;
}
.mainFrame .subcontent .content-box.border:before {
display: none;
}
.mainFrame .subcontent .content-box.border:after {
display: none;
}
.mainFrame .subcontent .divider {
display: none;
}
.mainFrame .subcontent .special-spacer {
display: none;
}
.mainFrame .subcontent h1, .mainFrame .subcontent h2, .mainFrame .subcontent h3, .mainFrame .subcontent h4, .mainFrame .subcontent h5, .mainFrame .subcontent h6 {
text-align: left;
}
.mainFrame .subcontent h1 {
margin: 0;
font-size: 42px;
text-align: left;
padding-bottom: 0.5em;
}
.anfrage .goldheadline {
color: #ffffff;
}
.behandlungsspektrum {
background-color: rgb(25, 25, 25);
padding-bottom: 50px;
}
.behandlungsspektrum .goldheadline {
padding-top: 1em;
background-color: rgb(25, 25, 25);
padding-bottom: 1em;
text-align: center !important;
}
@media only screen and (max-width: 739px) {
.behandlungsspektrum .goldheadline {
font-size: 27px;
}
}
.behandlungsspektrum .angebot {
display: flex;
flex-flow: row;
margin: 20px;
max-width: 600px;
}
@media only screen and (max-width: 1199px) {
.behandlungsspektrum .angebot {
flex-flow: column;
}
}
.behandlungsspektrum .angebot h4 a:hover {
color: #cca24f;
}
.behandlungsspektrum .angebot .iconbox {
background-color: transparent;
width: 100px;
height: 100px;
}
@media only screen and (max-width: 1199px) {
.behandlungsspektrum .angebot .iconbox {
margin: 0;
}
}
@media only screen and (max-width: 739px) {
.behandlungsspektrum .angebot .iconbox {
margin-left: auto;
margin-right: auto;
}
}
.behandlungsspektrum .angebot .text-part {
width: calc(100% - 100px);
text-align: left;
box-sizing: border-box;
padding-left: 1em;
}
@media only screen and (max-width: 1199px) {
.behandlungsspektrum .angebot .text-part {
width: 100%;
}
}
@media only screen and (max-width: 739px) {
.behandlungsspektrum .angebot .text-part {
font-size: 18px;
text-align: center;
}
}
.behandlungsspektrum .angebot .text-part h4 {
text-transform: none;
font-size: 34px;
padding-top: 20px;
}
@media only screen and (max-width: 1199px) {
.behandlungsspektrum .angebot .text-part h4 {
font-size: 28px;
}
}
@media only screen and (max-width: 739px) {
.behandlungsspektrum .angebot .text-part h4 {
font-size: 23px;
text-align: center;
}
}
.behandlungsspektrum .angebot .text-part button {
border-color: #ffffff;
color: #ffffff;
min-width: auto;
padding: 0.25em 1.5em 0.5em;
font-family: "Baloo 2", sans-serif;
}
.image_text_50_50 {
font-size: 18px;
}
.image_text_50_50 .image_text_container .image {
background-position: top center;
width: 25%;
margin: 80px 4% 0 0;
}
.image_text_50_50 .image_text_container .image.image-mobile {
display: none;
margin-top: 20px;
margin-bottom: 20px;
height: 120px;
background-position: left center;
}
@media only screen and (max-width: 739px) {
.image_text_50_50 .image_text_container .image.image-mobile {
display: block;
}
}
@media only screen and (max-width: 739px) {
.image_text_50_50 .image_text_container .image.image-desktop {
display: none;
}
}
@media only screen and (max-width: 739px) {
.image_text_50_50 .image_text_container .image {
width: 100%;
background-position: top left;
}
}
.image_text_50_50 .image_text_container .text {
width: 60%;
}
@media only screen and (max-width: 739px) {
.image_text_50_50 .image_text_container .text {
width: 100%;
text-align: left;
}
}
.image_text_50_50 .image_text_container .text h3 {
color: #cca24f;
}
@media only screen and (max-width: 739px) {
.image_text_50_50 .image_text_container .text h3 {
color: rgb(25, 25, 25);
}
}
.language-switcher {
top: 50px;
color: #cca24f;
z-index: 2000;
}
.language-switcher .language-switch {
padding-bottom: 0;
font-size: 14px;
}
.language-switcher .language-switch a {
color: #cca24f;
}
.blog .content > p {
column-count: 1;
}
.pages-links {
text-align: center;
}
.home .frame {
height: 80vh;
}
.frame {
height: 60vh;
}
@media only screen and (max-width: 739px) {
.frame {
height: auto !important;
min-height: 300px;
}
}
@media only screen and (max-width: 739px) {
.frame .infobox {
left: auto;
max-width: 100% !important;
bottom: auto;
position: relative;
max-height: none;
}
}
.frame .citebox {
border: 2px solid #cca24f;
background-color: #ffffff;
color: rgb(25, 25, 25);
}
.frame .citebox .topLine {
display: none;
}
.frame .citebox .bottomLine {
display: none;
}
.more-about-the-author {
padding: 20px;
color: #ffffff;
background-color: #393A3F;
}
@media only screen and (max-width: 739px) {
.more-about-the-author {
padding: 20px 0 20px 0;
}
}
.more-about-the-author .about-the-author-box {
display: flex;
flex-flow: row;
}
@media only screen and (max-width: 739px) {
.more-about-the-author .about-the-author-box {
flex-flow: column;
align-items: center;
}
}
.more-about-the-author .about-the-author-box .photo {
width: 200px;
display: flex;
flex-flow: column;
justify-content: center;
}
@media only screen and (max-width: 1439px) {
.more-about-the-author .about-the-author-box .photo {
width: 230px;
}
}
@media only screen and (max-width: 739px) {
.more-about-the-author .about-the-author-box .photo {
text-align: center;
width: 200px;
padding-bottom: 20px;
}
}
.more-about-the-author .about-the-author-box .photo img {
width: 100%;
height: auto;
}
.more-about-the-author .about-the-author-box .about-author-text {
width: 80%;
font-family: "Baloo 2", sans-serif;
box-sizing: border-box;
padding-left: 5%;
font-size: 14px;
display: flex;
flex-flow: column;
justify-content: center;
}
@media only screen and (max-width: 739px) {
.more-about-the-author .about-the-author-box .about-author-text {
padding-left: 0;
text-align: center;
}
}
.more-about-the-author .about-the-author-box .about-author-text .heading h3 {
display: inline-block;
text-align: left;
font-family: "Baloo 2", sans-serif;
font-size: 18px;
padding-bottom: 0.25em;
margin-bottom: 0.5em;
text-transform: none;
letter-spacing: 0;
border-bottom: 2px solid #cca24f;
}
.more-about-the-author .about-the-author-box .about-author-text .author-name {
color: #cca24f;
}
.frame {
border-right: 0 #ffffff solid;
border-left: 0 #ffffff solid;
border-bottom: 0 #ffffff solid;
border-top: 0 #ffffff solid;
}
@media only screen and (max-width: 1199px) {
.frame {
border-bottom: none;
height: 56vh;
}
}
.frame .citebox {
left: 10%;
}
@media only screen and (max-width: 1199px) {
.frame .citebox {
display: none;
}
}
.infobox .post-date {
font-size: 15px;
}
.citebox-mobile {
display: none;
}
@media only screen and (max-width: 1199px) {
.citebox-mobile {
display: block;
position: relative;
color: rgb(25, 25, 25);
background: #ffffff;
padding: 20px;
font-size: 18px;
width: 95%;
box-sizing: border-box;
border: 2px solid #cca24f;
margin-left: auto;
margin-right: auto;
margin-top: -60px;
}
}
@media only screen and (max-width: 739px) {
.citebox-mobile {
font-size: 16px;
}
}
@media only screen and (max-width: 1199px) {
.citebox-mobile .sign {
max-height: 50px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1199px) {
.citebox-mobile .name {
font-size: 12px;
}
}
.behandlungsspektrum ul {
margin-left: 0;
}
.style-grey {
background-color: #f2f2f2;
padding-top: 1em;
padding-bottom: 1em;
}
.style-gold {
background-color: #cca24f;
padding-top: 1em;
padding-bottom: 1em;
}
.style-gold .textblock {
color: #ffffff;
}
.style-gold .textblock a {
color: #ffffff;
}
.style-gold .textblock a.button {
border-color: #FFFFFF;
min-width: auto;
padding-top: 0.5em;
padding-bottom: 0.75em;
padding-left: 2em;
padding-right: 2em;
}
.style-gold .textblock ul li {
color: #ffffff;
}
.style-gold .textblock ul li:before {
color: #ffffff;
font-size: 27px;
top: -10px;
}
.textblock {
display: inline-block;
width: 100%;
padding-bottom: 50px;
position: relative;
}
.textblock.style-dark-grey {
color: #ffffff;
}
.textblock.columns-2 {
display: block;
}
.textblock.columns-2 .row .content {
column-count: 2;
display: block;
column-gap: 30px;
}
@media only screen and (max-width: 569px) {
.textblock.columns-2 .row .content {
column-count: 1;
}
}
@media only screen and (max-height: 569px) {
.textblock.columns-2 .row .content {
column-count: 1;
}
}
.textblock.columns-2 .row .content p {
display: block;
}
.textblock .row {
position: relative;
margin-left: auto;
margin-right: auto;
padding-left: 1.8rem;
padding-right: 1.8rem;
}
@media only screen and (max-width: 739px) {
.textblock .row {
padding-right: 10%;
padding-left: 10%;
}
}
.textblock .row .content p {
display: inline-block;
}
.stats_dough {
overflow: hidden;
}
.desktop-menu-holder {
z-index: 1100;
position: relative;
}
@media only screen and (max-width: 1023px) {
.desktop-menu-holder {
display: none;
}
}
.desktop-menu-holder .desktop-menu-wrapper {
display: flex;
flex-flow: row;
justify-content: space-between;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side {
display: flex;
flex-flow: row;
margin-top: 50px;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side.desktop-menu-right > li > ul {
right: 0;
left: auto;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side.desktop-menu-right > li > ul > li > ul > li > ul {
left: 0;
transform: translate(-100%, 0);
background-color: rgb(25, 25, 25);
padding-left: 2em;
padding-right: 3em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li {
display: block;
text-transform: uppercase;
padding-left: 35px;
padding-right: 35px;
position: relative;
}
@media only screen and (max-width: 1199px) {
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li {
padding-left: 25px;
padding-right: 25px;
}
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li.current-menu-item > a {
color: #cca24f;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 200;
margin-left: 0;
background-color: rgb(25, 25, 25);
padding-bottom: 2em;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul:before {
content: " ";
height: 1em;
display: block;
background-color: #ffffff;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul li {
white-space: nowrap;
padding-bottom: 0.25em;
font-size: 16px;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li {
padding-left: 1.25em;
padding-right: 2em;
margin-top: 2em;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li.level-2 {
margin-top: 0;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li.level-2:first-of-type {
margin-top: 2em;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li.level-2 > a {
color: #ffffff;
text-transform: none;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li > a {
margin-bottom: 0.25em;
color: #cca24f;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li > ul {
margin-left: 0;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li > ul > li {
position: relative;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li > ul > li a {
color: #ffffff;
text-transform: none;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li > ul > li:hover > ul {
display: block;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li > ul > li > ul {
display: none;
margin-left: 0;
position: absolute;
left: 100%;
top: 0;
background-color: rgb(25, 25, 25);
padding-left: 3em;
padding-right: 2em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li > ul > li > ul > li > ul > li a {
color: #ffffff;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li a {
color: rgb(25, 25, 25);
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-side > li:hover > ul {
display: block;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-left-wrapper {
display: flex;
flex-flow: row;
width: calc(50% - 50px);
justify-content: flex-end;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-left-wrapper .desktop-menu-left {
margin-left: 0;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-left-wrapper .desktop-menu-left > li {
border-left: 2px solid rgb(25, 25, 25);
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-left-wrapper .desktop-menu-left > li:first-of-type {
border-left: 0;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-center-wrapper {
flex-grow: 1;
position: relative;
z-index: 100;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-center-wrapper .desktop-menu-center {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-center-wrapper .desktop-menu-center a {
display: block;
position: absolute;
top: 35px;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-center-wrapper .desktop-menu-center a img {
height: 100%;
width: auto;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-right-wrapper {
display: flex;
flex-flow: row;
width: calc(50% - 50px);
justify-content: flex-start;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-right-wrapper .desktop-menu-right {
margin-left: 0;
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-right-wrapper .desktop-menu-right > li {
border-right: 2px solid rgb(25, 25, 25);
}
.desktop-menu-holder .desktop-menu-wrapper .desktop-menu-right-wrapper .desktop-menu-right > li:last-of-type {
border-right: 0;
}
.mobile-menu-holder {
display: none;
background-color: #1A1A1A;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 10000;
overflow: scroll;
}
.mobile-menu-holder.showing {
display: block;
}
.mobile-menu-holder .menu-close-button {
width: 45px;
position: absolute;
top: 22px;
left: 20px;
z-index: 1000;
cursor: pointer;
}
.mobile-menu-holder .menu-close-button img {
width: 100%;
height: auto;
}
.mobile-menu-holder .mobile-menu-wrapper {
position: relative;
}
.mobile-menu-holder .mobile-menu-wrapper .language-switcher {
position: absolute;
bottom: 20px;
left: 25px;
top: auto;
right: auto;
background-color: transparent;
padding: 2px 10px;
display: block;
}
.mobile-menu-holder .mobile-menu-wrapper .language-switcher li.mobile-language-switcher {
padding-bottom: 0.25em;
}
.mobile-menu-holder .mobile-menu-wrapper .language-switcher li.mobile-language-switcher .language-switch {
color: #FFF;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu {
padding-bottom: 60px;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 {
display: flex;
flex-flow: column;
position: relative;
top: 0;
left: 0;
padding-top: 100px;
padding-left: 0.5em;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu li a, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 li a {
padding-right: 1.5rem;
padding-top: 0;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
display: none;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu.showing, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu.showing {
display: block;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:after, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a:after {
display: none;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
display: block;
border-left: none;
margin-bottom: 0;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu li, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu li {
margin-left: 0;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu li a, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu li a {
font-size: 16px;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu li a:before, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu li a:before {
content: "- ";
color: #cca24f;
font-size: 18px;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu li.menu-item-has-children.always-open > ul.sub-menu, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 li.menu-item-has-children.always-open > ul.sub-menu {
display: block;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu li.menu-item-has-children.always-open > a:after, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 li.menu-item-has-children.always-open > a:after {
display: none !important;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu li.menu-item-has-children, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 li.menu-item-has-children {
position: relative;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu li.menu-item-has-children > a, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 li.menu-item-has-children > a {
position: relative;
width: fit-content;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu li.menu-item-has-children > a:after, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 li.menu-item-has-children > a:after {
content: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/img/white-arrow-down.svg);
position: absolute;
top: 0;
right: 0;
width: 15px;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu li.menu-item.left-border-gold > ul.sub-menu, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 li.menu-item.left-border-gold > ul.sub-menu {
border-color: #cca24f;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu li.menu-item.left-border-gold.menu-item-has-children > a:after, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 li.menu-item.left-border-gold.menu-item-has-children > a:after {
content: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/img/gold-arrow-down.svg);
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item a, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item a {
color: #fff;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item > a, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item > a {
text-transform: uppercase;
color: #fff !important;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item > ul.sub-menu, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item > ul.sub-menu {
margin-left: 1.25em !important;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item ul.sub-menu, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item ul.sub-menu {
border-left: 1px solid #fff;
margin-left: 0;
margin-top: 10px;
margin-bottom: 20px;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item ul.sub-menu li.menu-item, .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item ul.sub-menu li.menu-item {
margin-left: 1em;
}
.mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu > li.menu-item a[href="#"], .mobile-menu-holder .mobile-menu-wrapper .mobile-menu #menu-mobile-menu-3 > li.menu-item a[href="#"] {
color: #cca24f;
}
menu {
top: 0;
}
@media only screen and (max-width: 1023px) {
menu {
top: 26px;
}
}
.home-icons {
width: 100%;
display: flex;
flex-flow: row;
justify-content: center;
align-content: center;
}
@media only screen and (max-width: 739px) {
.home-icons {
flex-flow: column;
}
}
@media only screen and (max-width: 739px) {
.home-icons .home-icon {
display: flex;
flex-flow: row;
justify-content: center;
}
.home-icons .home-icon img {
height: 120px;
width: auto;
}
}
.home-icons .home-icon.lmg {
margin-right: 30px;
}
@media only screen and (max-width: 739px) {
.home-icons .home-icon.lmg {
margin-right: 0;
margin-bottom: 50px;
}
}
.home-icons .home-icon.df {
margin-left: 30px;
}
@media only screen and (max-width: 739px) {
.home-icons .home-icon.df {
margin-left: 0;
}
}
.content-table {
padding-top: 50px;
padding-bottom: 50px;
}
.content-table .content-table-wrapper {
position: relative;
}
.content-table .content-table-wrapper .content-table-framing {
position: absolute;
left: -80px;
width: calc(100% + 160px);
height: 100%;
border: 1px solid #cca24f;
border-radius: 30px;
}
@media only screen and (max-width: 1023px) {
.content-table .content-table-wrapper .content-table-framing {
left: 0;
width: 100%;
}
}
.content-table .content-table-wrapper .content-table-framing:before {
content: "";
position: absolute;
right: 120px;
top: -5px;
width: 50px;
height: 10px;
background-color: #ffffff;
}
@media only screen and (max-width: 739px) {
.content-table .content-table-wrapper .content-table-framing:before {
width: 30px;
right: 10%;
}
}
.content-table .content-table-wrapper .content-table-framing:after {
content: "";
position: absolute;
left: 120px;
bottom: -5px;
width: 50px;
height: 10px;
background-color: #ffffff;
}
@media only screen and (max-width: 739px) {
.content-table .content-table-wrapper .content-table-framing:after {
width: 30px;
left: 10%;
}
}
.content-table .content-table-wrapper .content-table-icon {
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
}
.content-table .content-table-wrapper .content-table-body {
padding-top: 40px;
padding-bottom: 40px;
}
@media only screen and (max-width: 1023px) {
.content-table .content-table-wrapper .content-table-body {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
}
.content-table .content-table-wrapper .content-table-body .heading {
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #cca24f;
padding-bottom: 15px;
}
.content-table .content-table-wrapper .content-table-body .links {
display: flex;
flex-flow: column;
padding-left: 15px;
}
.content-table .content-table-wrapper .content-table-body .links .link {
display: flex;
flex-flow: row;
position: relative;
padding-left: 20px;
font-size: 18px;
line-height: 24px;
padding-top: 6px;
padding-bottom: 6px;
}
.content-table .content-table-wrapper .content-table-body .links .link:before {
position: absolute;
content: "";
width: 10px;
height: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
background-image: url(//www.dr-kuehhas.at/wp-content/themes/wp_gulp/img/bullet-arrow-content-table.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
@media only screen and (max-width: 1023px) {
.explain_slider .slick-next {
right: -7px;
}
}
@media only screen and (max-width: 1023px) {
.explain_slider .slick-prev {
left: -7px;
}
}
.column-wrapper {
overflow: hidden;
}
.column-wrapper.style-dark-grey {
background-color: #191919;
}
.column-wrapper.width-wide .column.xlarge-6 {
width: 75%;
}
.column-wrapper.width-wide .column.large-8 {
width: 100%;
}
.column-wrapper.width-wide .column.medium-12 {
width: 100%;
}
@media only screen and (max-width: 1023px) {
.column-wrapper .column {
overflow: hidden;
}
}
.video-teasers {
padding-top: 40px;
padding-bottom: 80px;
background-color: rgb(25, 25, 25);
color: #ffffff;
}
.video-teasers .video-teasers-wrapper .heading {
text-align: center;
}
.video-teasers .video-teasers-wrapper .video-teasers-listing {
display: flex;
flex-flow: row;
justify-content: center;
scrollbar-width: none;
-ms-overflow-style: none;
cursor: grabbing;
user-select: none; -webkit-user-drag: none; }
.video-teasers .video-teasers-wrapper .video-teasers-listing::-webkit-scrollbar {
display: none;
}
@media only screen and (max-width: 1023px) {
.video-teasers .video-teasers-wrapper .video-teasers-listing {
justify-content: flex-start;
overflow-x: scroll;
}
}
.video-teasers .video-teasers-wrapper .video-teasers-listing .video-teaser {
display: block;
width: 250px;
aspect-ratio: 4/2.2;
position: relative;
margin-left: 10px;
margin-right: 20px;
}
@media only screen and (max-width: 1023px) {
.video-teasers .video-teasers-wrapper .video-teasers-listing .video-teaser {
min-width: 250px;
}
}
.video-teasers .video-teasers-wrapper .video-teasers-listing .video-teaser a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.video-teasers .video-teasers-wrapper .video-teasers-listing .video-teaser.channel-link a {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.video-teasers .video-teasers-wrapper .video-teasers-listing .video-teaser.channel-link a .channel-link-icon {
width: 80px;
height: 60px;
}
.video-teasers .video-teasers-wrapper .video-teasers-listing .video-teaser.channel-link a .channel-link-label {
color: #cca24f;
padding-top: 5px;
}
.column-wrapper.video_teasers {
background-color: rgb(25, 25, 25);
color: #ffffff;
}
.usp-cards {
padding-top: 70px;
background-color: rgb(25, 25, 25);
padding-bottom: 100px;
left: 0;
width: 100%;
color: #ffffff;
}
.usp-cards .usp-cards-wrapper .heading {
text-align: center;
padding-bottom: 30px;
}
.usp-cards .usp-cards-wrapper .usp-cards-listing {
width: 90%;
display: flex;
flex-flow: row;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1023px) {
.usp-cards .usp-cards-wrapper .usp-cards-listing {
flex-flow: column;
justify-content: flex-start;
}
}
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card {
width: 32%;
position: relative;
border: 1px solid #cca24f;
border-radius: 12px;
padding: 80px 20px 50px 20px;
}
@media only screen and (max-width: 1023px) {
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card.active .body-text {
display: block;
}
}
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card.active .open-close-arrow svg {
transform: rotate(180deg);
}
@media only screen and (max-width: 1023px) {
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card {
margin-bottom: 70px;
width: 100%;
padding: 50px 20px 50px 20px;
}
}
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card .icon {
position: absolute;
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
left: 20px;
top: -40px;
}
@media only screen and (max-width: 1023px) {
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card .icon {
width: 70px;
height: 70px;
top: -35px;
}
}
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card .card-heading {
font-size: 22px;
padding-bottom: 1em;
line-height: 1.2em;
font-weight: 600;
}
@media only screen and (max-width: 739px) {
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card .card-heading {
text-align: center;
font-size: 17px;
}
}
@media only screen and (max-width: 1023px) {
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card .body-text {
display: none;
}
}
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card .open-close-arrow {
position: absolute;
left: 50%;
bottom: 7px;
transform: translateX(-50%);
width: 15px;
display: none;
}
@media only screen and (max-width: 1023px) {
.usp-cards .usp-cards-wrapper .usp-cards-listing .usp-card .open-close-arrow {
display: block;
}
}