@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');


html {
    font: 300 15px / 27px 'Roboto Condensed';
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #ffffff;
    color: #666666;
}
strong {font-weight:700;}



.qx-boxed-layout {
    max-width: 1140px !important;padding:0px 30px;
  }

/******** problemlösung mobiles menu wird in Chrome unterhalb header abgeschnitten */
#qx-section-phkhb { offset:inherit !important;}


/***************** Hero Image ********************/
#hero-image { max-height:600px;position:relative;z-index:-1; aspect-ratio: 2.358 / 1;width:100%;
border-bottom: 5px solid #bb1312;display:block;min-height:250px;display:flex;}

#hero-image .hero-image{ height:100%; width:100%;background-size: cover;display:flex; }

#hero-image .hero-text {position:relative;margin-left:auto;margin-right:30px;overflow:hidden; text-align:center; width:fit-content;height:fit-content;max-width:660px;
    display: flex;
    margin-top: 30px;
    justify-content: flex-end;
    align-items: end;
    flex-flow: wrap;
    align-self: center;
}
.hero-image .tp-caption.text1 { flex: 1 100% }
.hero-image .tp-caption.text2,
.hero-image .tp-caption.text3  { flex: 1 50% }
.hero-image .tp-caption.text4,
.hero-image .tp-caption.text5,
.hero-image .tp-caption.text6  { flex: 1 30% }

.hero-image .tp-caption {
  -webkit-font-smoothing: antialiased;
  transition: all; min-height: 0px; min-width: 0px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px);display:block;line-height:50px ;font-weight: 400;font-size:36px;    white-space: nowrap;
}
.hero-image .tp-caption.text3,
.hero-image .tp-caption.text4,
.hero-image .tp-caption.text5,
.hero-image .tp-caption.text6 { font-size: 26px;}
br.dyna { display:none;}

@media (max-width: 960px) {
#hero-image .hero-textx {  }
}
@media (max-width: 768px) {
#hero-image .hero-text { max-width:460px; }
.hero-image .tp-caption { font-size: 1.6rem;line-height:2rem;}
.hero-image .tp-caption.text3,
.hero-image .tp-caption.text4,
.hero-image .tp-caption.text5,
.hero-image .tp-caption.text6 { font-size: 1.1rem;}
}

@media (max-width: 640px) {
#hero-image .hero-text {
    
    justify-content: center;
    align-items: center;width:100%;margin-left:auto;margin-right:auto;max-width:360px;
}
.hero-image .tp-caption { font-size: 1.2rem;line-height:1.4rem;}
.hero-image .tp-caption.text3,
.hero-image .tp-caption.text4,
.hero-image .tp-caption.text5,
.hero-image .tp-caption.text6 { font-size: 0.9rem;}

}

@media (max-width: 420px) {
.hero-image .tp-caption.text2,
.hero-image .tp-caption.text3  { flex: 1 100% }
}



.qx-col-wrap.lazyloaded .qx-element-wrap {
  
}

.com_quix.view-form.layout-iframe #hero-image { display:none; }
  

.mediumHeadingBlack2 {
  
  font-family: "Roboto Condensed";
  color: rgb(51,51,51);
  text-decoration: none;
  background-color: transparent;
  border-width: 0px;
  border-color: rgb(34,34,34);
  border-style: none;
}

/***************** / Hero Image ********************/


/*
 * To-top scroller
 */
.totop-scroller {
  display: block;
  position: fixed;
  bottom: -2px;
  right: 30px;
  -webkit-border-radius: 40px 40px 0 0;
  border-radius: 40px 40px 0 0;
  width: 25px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0, 1);
  transition: all 0.3s cubic-bezier(0, 0, 0, 1);
  text-decoration: none !important;
  z-index: 100;
  color: #fff;
  background-color: #f8b478;
}
.totop-scroller:hover,
.totop-scroller:focus {
  background-color: #fa8d1d;
  color: #fff;
  height: 55px;
}

.totop-hidden {
  right: -60px;
  opacity: 0;
}


/******** quix menu *******/

.qx-navbar-nav {
        gap: 20px;
    }

.qx-navbar-nav li a {
  padding: 0px 10px;font-family: 'Roboto Condensed'; width:100%; justify-content: space-between; 
}
.qx-navbar-nav > li:hover > a {
  font-weight: 700; color: #bb1312;
}
.qx-navbar-dropdown-nav > li:hover > a {
  font-weight: 700; color: #bb1312;
}

.qx-navbar-nav > li > a {
  color: #555555;
    font-size: 16px;
    font-weight: 400;
        text-transform: unset;letter-spacing: 0.5px;
}

.qx-navbar-nav>li.qx-active>a, .qx-navbar-nav>li>a:active {
    font-weight: 700; color: #bb1312;
}

.qx-navbar-dropdown > ul.qx-navbar-dropdown-nav li.deeper.classic > a::after { align-self: flex-start;;}


.qx-drop {
    }
.qx-navbar-dropdown {margin-top:80px;top:0 !important;box-shadow: 0px 15px 12px rgba(0, 0, 0, .15);padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;width:240px; }

.qx-navbar-dropdown li {padding-bottom:8px;padding-top:8px;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.qx-navbar-dropdown li:last-child {border-bottom: none;}

.qx-navbar-dropdown li a {padding:0px 0px; color: #444444;}

.qx-navbar-dropdown-nav .qx-navbar-dropdown {left:230px !important;box-shadow: 0px 5px 12px rgba(0, 0, 0, .15);
margin-top:15px; }

.qx-element-joomla-menu nav.qx-navbar ul.qx-navbar-nav.qx-flex-row > li.deeper.classic > .qx-navbar-dropdown > ul.qx-navbar-dropdown-nav li.deeper.classic > a::after, .qx-element-joomla-menu nav.qx-navbar ul.qx-navbar-nav.qx-flex-row > li.deeper.classic > a::after, .qx-element-joomla-menu ul.qx-nav.qx-flex-column > li.deeper.classic > .qx-navbar-dropdown > ul.qx-navbar-dropdown-nav > li.deeper.classic > a::after, .qx-element-joomla-menu ul.qx-nav.qx-flex-column > li.deeper.classic > a::after {
  content: "";
  width: 1.5em;
  height: 1em;
  float: right;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjYXJldC1kb3duIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2FyZXQtZG93biBmYS13LTEwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zMS4zIDE5MmgyNTcuM2MxNy44IDAgMjYuNyAyMS41IDE0LjEgMzQuMUwxNzQuMSAzNTQuOGMtNy44IDcuOC0yMC41IDcuOC0yOC4zIDBMMTcuMiAyMjYuMUM0LjYgMjEzLjUgMTMuNSAxOTIgMzEuMyAxOTJ6Ii8+PC9zdmc+);
}
.qx-element-joomla-menu nav.qx-navbar ul.qx-navbar-nav.qx-flex-row > li.deeper.classic > .qx-navbar-dropdown > ul.qx-navbar-dropdown-nav li.deeper.classic > a::after { rotate:-90deg;align-self: center;}





@media (max-width: 959px) {
#offcanvas-container { position: fixed; top:0px;left:0px;right:0px;height:40px;background-color: #fff;text-align:left;display:flex;justify-content: flex-start;align-items: center;padding:15px;z-index:999;}
 body { padding-top: 0px; }
 #offcanvas-container.sticky {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);}
 }




/******** quix content section *******/
@media (min-width: 960px) {
    .qx-section {
        padding-top: 35px;
        padding-bottom: 70px;
    }
}



/******** / quix content section *******/



/******** quix imagegrid *******/
.imagegrid .qx-element {margin-top:-10px;}
.imagegrid figcaption.qx-figure-caption {
  position: absolute;height:60px;bottom: 0;top:unset;
  bottom: 0;
  left: 0;
  right: 0;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;background: hsla(0,0%,100%,.8);
  }
.imagegrid figcaption a { color: rgba(0, 0, 0, 1);
  text-transform: uppercase;text-decoration: none;text-align: center;
  cursor: pointer;font-size: 16px;font-weight: 700;line-height:120%;opacity: 0.6;}


.home .imagegrid { margin-top:-10px;}
.home .imagegrid .qx-element:not(.qx-element-video-v2) { display: flex;
  align-items: center;
  justify-content: center;
  min-height: 353px !important;
  overflow: hidden !important;
background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 295px;min-height: 353px;width:100%;
    padding-bottom: 5px; }

.home .imagegrid .qx-element p {margin:0;
  position: absolute;height:60px;bottom: 0;top:unset;
  bottom: 0;
  left: 0;
  right: 0;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;background: hsla(0,0%,100%,.8);
  }
.home .imagegrid .qx-element a { color: rgba(0, 0, 0, 1);
  text-transform: uppercase;text-decoration: none;text-align: center;
  cursor: pointer;font-size: 16px;font-weight: 700;line-height:120%;opacity: 0.6;}


.therapien-erwachsene {background-image: url(../../../images/content/McT-Back.jpg); }
.therapien-kinder {background-image: url(../../../images/content/BabyBeh.jpg); }
.therapien-schwangere {background-image: url(../../../images/content/Schwangere.jpg); }



#qx-video-lsg8o .plyr__video-wrapper {
    height: 353px;
    display: flex;
    overflow: hidden;justify-content: center;
}
#qx-video-lsg8o iframe{ 
    height: 353px;
    width:calc(722px / 1vw);
    
    overflow: hidden;
}
#qx-video-lsg8o .plyr__poster {
    
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1;
}

#qx-video-lsg8o button {display:none;}
  
/******** / quix imagegrid *******/


.qx-link,
a {
  color:#f8b478;
  text-decoration:none;
  cursor:pointer
}
.qx-link-toggle:hover .qx-link,
.qx-link:hover,
a:hover {
  color:#fa8d1d;
  text-decoration:underline
}

.qx-btn-primary {
  color: #fff;
  background-color: #fa8d1d;
  border-color: #fa8d1d;
}


.drillich-orange { color: #f8b478;}
.drillich-rot { color: rgba(187, 19, 18, 1);}
.drillich-hellgrau { color: #555555; }

.nowrap { white-space: nowrap;}

h1, h2, h3, h4, h5, h6, .h1 {
  margin: 0 0 20px 0;
  font-family: 'Roboto Condensed';
  font-weight: 700;
  color: #666666;
  text-transform: none;
}


h1 { padding-bottom: 10px;
  margin-top: 0;
  text-transform: uppercase;
  color: #f8b478;
  font-size: 26px;
  line-height: 31px;
  font-weight: 400;
}

.home h1, .h1 { padding-bottom: 0px;margin-bottom:-10px;
  margin-top: 0;
  text-transform: none;
  color: #f8b478;
  font-size: 36px;
  line-height: 40px;
  font-weight: 400;display:initial;
}
.h1 { padding: 0px;margin:0;}

@media (min-width: 760px) {
  .home h1, .h1 { display:block; }
}

.button-link h3 {margin-bottom:15px;font-weight:400;font-size:32px;line-height:38px;}
.button-link a, .button-link a:hover {background-color: rgba(187, 19, 18, 1); color:#fff;text-align:left;font-weight:400;font-size:26px;}



/*h2 {
  font-size: 36px ;
  font-weight: 400;
  line-height: 40px ;
  color: rgba(187, 19, 18, 1);}
  .drillich-hellgrau h2 { color: #555555;font-size: 26px; }

h3 {font-size: 26px;
  line-height: 26px;
  color: rgba(187, 19, 18, 1);}*/


h2 {
    font-size: 36px;
    font-weight: 400;
	    line-height: 40px;
}
.behandlungsfelder h2 {
    font-size: 36px;
    font-weight: 400;
	    line-height: 40px;color: #bb1312;
}
.drillich-hellgrau h2 {
    font-size: 24px;
    font-weight: 400;
	    line-height: 40px;
}
h3 {
    font-size: 26px;
    line-height: 25px;
    color: #bb1312;
    font-weight: 400;
}

p {
    font-size: 16px;
    font-weight: 300;
	color: #555555;
}
.h3-light { font-weight:300;}








.su-heading-inner { font-weight:400;}


ul.list { font-family: "Roboto Condensed";font-weight:bold;}
ul.list li { list-style-type:square;letter-spacing: 1px;}

ul.list.start { margin-top:30px;margin-bottom:40px;width:50%;display:inline-block;vertical-align: top;; }

@media (max-width: 560px) {
ul.list.start {width:100%;margin:10px 0;}
}

ul.list.behandlungsfelder { }



/********** newsletter *************/

.n2g-container {width:100%;padding-top:20px;}
.n2g-container .row {display:flex;}
.n2g-container .cell {}

.n2g-container .cell.left {width: 40%; padding: 10px 5px;}
.n2g-container .cell.right {}

.n2g-container label {color: rgb(242, 150, 63);}

.n2g-container button {background-color: #bb1312 !important;border-radius: 4px !important;
  padding: 15px 20px !important;}



.kontakt h3 {font-size: 36px !important;
    font-weight: 400;
    line-height: 40px !important;color: #f8b478;}

form[name="search_route"] { display:flex;}

form[name="search_route"] input {
  font-size: 1em;
    color: rgb(69, 61, 60);
    background-color: #fff;
    padding: 10px;
    border: solid 1px rgb(69, 61, 60) !important;
    border-radius: 0;
    text-align: left;

height: auto;
    margin: 0;
    max-width: 100%;
    width: 100%;
    line-height: normal;
    border-radius: 0;
    border: none;
    outline: 0;
    text-transform: none;
    font-family: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    
}
form[name="search_route"] button { padding: 10px 20px;cursor:pointer;white-space:nowrap;
  background-color: #bb1312;color:#fff;font-weight:bold;border-color:#bb1312;

  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

form[name="search_route"] button::before,
form[name="search_route"] button::after {
  display: none !important;
}



.footer-top h3 { color: #f8b478; font-size: 36px ;
  font-weight: 400 ;margin-bottom: 30px;padding-bottom:8px; }


/********* Anschrift / Kontakt / Anfahrt / *********/
@media (max-width: 767px) {
#qx-column-aa21q { order:3;}
#qx-column-g1x9e { order:2;}
}
/********* Anschrift / Kontakt / Anfahrt / *********/

.footer-top h3.sprechzeiten { color: #555555; font-size: 26px;line-height:140%;}
.footer-top p { font-weight:400;}
.footer-top a { color:#bb1312;} 
.footer-top a:hover { font-weight:700;}

#footer-menu .qx-navbar-nav { gap:20px;}
#footer-menu .qx-navbar-nav a { min-height: 30px;padding:0;text-transform: uppercase;}
#footer-menu .qx-navbar-nav > li > a { color:#e5cccc;font-size:1rem;font-weight:300;}
#footer-menu .qx-navbar-nav > li > a:hover { color:#fff;font-weight:400;}