html{
  -webkit-text-size-adjust: 100%;        
overflow-y: scroll;

  
 }

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}


.hb{
margin:3px auto;

}

.nav-res{
display:none;
}




.address-res{
display:none;
}




.res-c{
position: fixed;
top:25px;
      width:40px!important;
      right:40px;
     left:auto!important;
     z-index:2111;
     
}


.cmn-toggle-switch {
background: transparent !important;
  display: none;
  position: absolute;
  overflow: hidden;
  right:0;
  margin: 0;
  padding: 0;
  width: 120px;
  height: 125px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
          z-index:111;
}

.cmn-toggle-switch:focus {
  outline: none;
}
 
.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 70px;
  left: 4px;
  right: 4px;
  height: 2px;
  
  background: gray;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: gray;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -16px;
  display:none;
}

.cmn-toggle-switch span::after {
  bottom: -8px;
}
 
 
.cmn-toggle-switch__htx {

}

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
          transition: background 0 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  display:none;
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
          transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  display:block;
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {

}

.cmn-toggle-switch__htx.active span {
  background: none;
  top:33px;
}

.cmn-toggle-switch__htx.active span::before {
  top: 28px;
    display:block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.cmn-toggle-switch__htx.active span::after {
top: 27px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
    display:block;
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}









@media only screen and (max-width: 1800px) {


.nav-item-active ,
.nav-item{
font-size:18px;
}
 .nav ul li{
 padding-bottom:19px;
 }
 .nav-frame{

 }

 
 

}

/**  media query mobile portrait
 */ 
@media only screen and (max-width: 1240px) {


.default{
width:1000px;
xborder:1px solid red;
}

.screen {
  padding: 60px 110px;

}



.section-content-home .content{
left:226px;
}


.item-slogan{
  font-size: 45px;

}

.item-slogan h2{
color: #769CA3;
}

.section-content-adhsabklaerung .content .Default {
  width: 440px;
  right: 20px;
}


.nav-item-active ,
.nav-item{

}
 .nav ul li{
 padding-bottom:12px;
 }


.kognitiv .section-content-wrapper{
top:0px;
left:620px;
width:400px;
}

.kognitiv .section-image{
width:640px;
left:-50px;
}


.uebermich .section-content-wrapper{
top:50px;
left:100px;
width:900px;
}



.uebermich .section-dummy{
      background:#DADBD7;
      left:190px;

}



.uebermich .section-image{
width:450px;
top:0px;
left:700px;
}


.uebermich .tab-0{
width:110px;
padding:8px 0;
}
.uebermich .tab-1{
width:360px;
padding:8px 0;
}


}

@media only screen and (min-width: 980px) {

body {
  cursor: none;
  
  }

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  pointer-events: none;
  xmix-blend-mode: screen;
  background: #769CA3;
  z-index: 11111113;
  transform: translate(-50%, -50%);
  transition: transform 0.05s ease;
}


}

@media only screen and (max-width: 1280px) {

.address{
display:none;
}
.address-res{
display:block;
width:300px;
}
}

@media only screen and (max-width: 980px) {



.nav-frame {
  position: fixed;
  right: 0;
  right: 0;
  width: min-content;
padding: 194px 2px;
  background: #dce6e3;
  z-index: 1112;
  display: none;
  white-space: nowrap;
}



.cmn-toggle-switch {
  display: block;
}

body {
      background-color:#fff;
}

.hb {
  width: 60px !important;
  }

.footer-wrapper{
position:relative;
}
.section-content-adhsabklaerung .content .default-order{
background-image: none;
}

.content{
padding-top:90px;
}
.section-content-home .content{
padding-top:20px;
}
.span-res{
display:none;
}


.cmn-toggle-switch{
left:auto;

}

.screen {
  margin: 0 auto;
  padding: 0;
  }
  
  
  
.logo {
  width: 40vw;
  margin-top: 60px;
  margin-left: 0;
}
  
  
  
.custom-cursor{
display:none;
}

 .content-main{
 min-height:1100px;
 }
 
 .section-content-kostendeckung .content-main{
 min-height:760px;
 }
 
.section-content-kontakt .content-main{
 min-height:1300px;
 }
 
 .section-content-team .content-main{
 min-height:3200px;
 }
 
 .section-content-adhsabklaerung .content-main{
 min-height:1900px;
 }

.section-content-home .content{
width:100%;
}
.section-content-home .content{
left:0;
}

.footer-2,
.default-order,
.section-content-team .content .Default,
.section-content-kontakt .content,
.overlay-box,
.content .default-box,
.content .gray-box,
.content .Default{
width:100%!important;
left:0!important;
right:0!important;
padding:0!important;
top:0!important;
position:relative!important;
}

.section-content-therapie .content .Default h2,
.section-content-adhsabklaerung .content .Default h2 {
  color: #769CA3;
  font-size: 36px;
  line-height: 100%;
  
  }
.section-content-adhsabklaerung .content .default-order{
padding:22px!important;
}


.section-content-adhsabklaerung .content .default-box{
  color: #769CA3;
  font-size: 34px;
  line-height: 100%;
  
  }

.section-content-team .content .Default,
.content .gray-box{
padding:20px!important;
}

.content .image{
display:none;
}
.section-content-kontakt .content .Default{
margin-top:0;
padding:20px!important;
}

.overlay-box{
padding:20px!important;
}
.overlay-box li{
font-size: 6.1vw;
line-height: 120%;
}

.section-content-team .content .Default{
position:relative;
top:0;
}

.section-content-team .content {
  height: auto;
    margin-top: 20px;
}

.content{
height:auto!important;;
}

.content-main {
  padding: 180px 0;
}
ul,li,
div{
   
}


.c-textarea,
.c-textfield{
  width:90%!important;
      float:none!important;
   
      margin:0 auto;
         margin-bottom:18px!important;
}


div{
xborder:1px solid green;
}



h2 {


  margin: 0;
    margin-top: 0px;
  color: #769CA3;
  font-size: 32px;
  font-weight: 600;
  line-height: 110%;
}



.team-wrapper,
.contact-wrapper,
.default,
iframe,
.section-content-wrapper,
.section-image,
ul,li,
.content-main,
.header,
.footer-frame,
.footer{
      position:relative;
      left:0!important;;
      top:0!important;
      width:100%!important;
      float:none!important;
  height:auto!important;   
margin: 0 auto;

}

.c-footer{
position:relative;
left:0;
bottom:0;
}
.footer-2{
padding:18px 0!important;
}
.popup-controls,
.popup-content{
width:100%;
}

.section-content-home .content h2{

}
  .content-main {
    padding-bottom: 0;
  }
  
  
.footer {
  padding: 0;

}
  
  
  
  
  
  
.nav-frame{
      width:100%!important;
      float:none!important;
left:0;
right:0;
}
.fader {
  height: 800px;
  
 } 
.header,
.item-slogan,
.default{
width:90%!important;
left:0;
}
.item-slogan{
white-space: wrap;

padding:20px;
top: auto;
    font-size: 10.1vw;

    bottom: 12%;
font-size: 10.1vw;
line-height: 80%;
}
.item-slogan h2{
font-size: 10.1vw;

}
.section-image{
padding:0 33px;   
}


iframe{
  width:96%!important;
      float:none!important;


}

.section-wrapper{
min-height:auto!important;
}

.footer-res ,
.section-content-wrapper{
      width:90%!important;
      margin:0 auto;
  height:auto!important;   
  padding-bottom:90px; 
}


.nav{

}

.nav-frame{
min-height: 650px;
}
.c-green{
padding:10px;
}

.header{
      position:relative;
      min-height:50px;
     

}

.section .default {
     width:96%!important;
}



.logo img{
    max-width:96%;
    
}
.c-teaser{
margin-top:16px;
margin-bottom:0;
height:1 00px;
}


.uebermich .section-image {
width:500px!important;
height:500px!important;
overflow:hidden;
}

.contact-1{

}


.section-image{
}

.imgRes{
display:block;
}



.tab-wrapper{
margin-bottom:12px;
}


h2{
margin-top:22px;
padding:0!important;
}
.section-extern h2{
margin-top:18px;
}
.bbTab div{
  line-height:128%;
}

.item-slogan h2 {

  display: block;
  line-height: 90%;

}


.tSlider-c{
margin-left:5px;
margin-top:5px;
}


.res-address{

    width:95%!important;
    margin:70px auto 90px auto;;
    text-align:left;
    
    display:block;
 
}
.nav-0{
height:auto;
}
.nav-1{
margin-top:0px!important;
}

.nav ul li{

margin-left:0;
margin-top:6px;

}





.nav ul li .nav-item-active:hover,
.nav ul li .nav-item:hover,
.nav ul li .nav-item-active,
.nav ul li .nav-item{     
padding-top:8px;
text-align:left;

font-size: 8vw;

 width:92%!important;
      margin:0 auto;;

   }


.home-frame, 
.header,
.home-bg,
.nav-1,
.nav-0{

}

.footer-copy{
padding:0 33px;
}


.screen{
   width:100%!important;
   padding-top: 160px;
}


#screen-content{
  left:0!important; 
  top:5px;
padding:40px;
  margin: 0 auto;
   box-sizing: border-box;
      width:100%!important;
}

.team-item-content-0{
margin-top:30px;
}



.bbTab{
margin-bottom:-10px;
}


.res-c{
display:block;

}






}


/*******************************************************************************
 *  media query mobile portrait
 */ 
@media only screen and (max-width: 647px) {


.section-image{
padding:0 0;   
}

.fader {
  height: 500px;
  
 } 
.c-team{
width:100%;
padding:0;
}



.team-item{
height:auto;
margin:0 auto!important;
width:400px!important;
}



}