@media (max-width: 1699.99px) {
    .cat-ov-content{
        padding:10% 10%;
    }
    .cat-ov-content-text{
        font-size:18px
    }
    .h2-treatment-kat {
        font-size: 60px;
      }
}


@media (max-width: 1399.99px) {
    
    .h2-treatment-kat{
        font-size: 50px;
    }
    .cat-ov-content-text{
        font-size:16px
    }
    
}

@media (max-width: 1199.99px) {
    :root {
        --navbar-height: 118.7px
    }
    .navigation .nav-link{
        padding: 8px 12px;
    }
    footer .footer-main {
      padding: 100px 0px;
    }
    #logo-footer{
        max-width:300px
    }
    
    .navigation  .nav-link,
    .navigation  .menu-item a{
        padding: 8px 8px;
    }
    
    #logo{
        width: 135px;
        height: auto;
        max-width:135px;
    }
     .custom-container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: var(--bs-gutter-x, 1.5rem);
        padding-right: var(--bs-gutter-x, 1.5rem);
      }
    .team-single-headline {
      padding-top: 75px;
    }
     .cat-ov-content {
      padding: 10% 10%;
    }
    
    .h2-treatment-kat{
        font-size: 45px;
    }
}



@media (max-width: 991.99px) {
    
   :root {
        --navbar-height: 62.7px
    }
    
    body{
        font-size:17px;
    }
    h1,.h1{
        font-size:75px
    }
    h2,.h2,.biggest-text-teaser{
        font-size:55px
    }
    
    .h2-treatment-kat{
        font-size: 40px;
    }
	
	

    
    h3,.h3{
        font-size:32px;
    }
    h4,.h4,.big-text-teaser{
        font-size:32px;
    }

    h5,.h5{
        font-size:12px;
    }
	
	.notice-text{
		 font-size:22px
	}

    
    
    #logo-footer{
        max-width:250px
    }
    
    section{
        padding: 75px 0px;
    }
    section.big-padding{
        padding: 150px 0px;
    }
    
    .single-team section.big-padding{
        padding: 75px 0px;
    }
    
    .stickyimage {
      top: 110px;
      max-width: 400px;
     margin: auto;
    }
    
    
    .section-divider + section {
      padding-top: 200px;
    }
    
    .half-width {
      width: calc(100%);
    }
    #content ul {
      padding-left: 2rem;
    }
    
    #content .behandlungs-text p,
	#content .behandlungs-text ul,
	#content .behandlungs-text ol,
	#content .behandlungs-text h1,
	#content .behandlungs-text h2,
	#content .behandlungs-text h3,
	#content .behandlungs-text h4,
	#content .behandlungs-text h5
    {
       width: calc(100%);
        margin-left: auto;
        margin-right: auto;
    }
   
    
    
    .big-text-teaser {
      width: 100%;
      margin: auto auto 50px;
    }

    .big-text-teaser + p {
      margin-top: 30px;
    }
    .text-block-2-cols .row {
      padding: 70px 0px;
    }
    
    .card-body {
      padding: 1rem 0rem 0rem;
    }

     .swiper-slide-next  .review {
      border-right: 1px solid #000;
    }
    
    
}

@media (max-width: 767.99px) {
    body{
        font-size:17px;
    }
    h1,.h1{
        font-size:55px
    }
    h2,.h2,.biggest-text-teaser{
        font-size:38px
    }
    h3,.h3{
        font-size:22px;
    }
    h4,.h4,.big-text-teaser{
        font-size:22px;
    }

    h5,.h5{
        font-size:12px;
    }
    
    
    .team-single-headline{
         font-size:28px !important;
    }
    
    .job-single-headline, .page-headline {
      padding-top: 150px;
    }
    
     .accordion-button, .big-font, .job-ov a {
      font-size: 28px;

    }
    
   
    .cat-ov-image {
      padding-bottom: 50%;
    }
    
     .btn {
      --bs-btn-font-size: 12px;
      --bs-btn-padding-x: .8rem;
      --bs-btn-padding-y: 0.6rem;
    }
    
    .ff-default .ff_btn_style {
        font-size: 12px !important;
        padding: 0.644rem 0.6rem !important
    }
    
    
    .job-ov a {
      padding: 0.9rem 8vw;
    }
    .job-ov a::after {
      width: 15px;
      height: 12.675px;
      right: 10px;
      top: calc(50% - 6.3px);
    }
    
    .accordion-button {
          display: block;
          text-align: center;
           padding: 0.9rem 8vw;
        }
    
    .accordion-button::after {
      width: 12.5px;
      height: 6.5px;
      right: 10px;
      top: 20px;
      background-size:cover
     }
    
    .ratio-treatment-swipe{
        --bs-aspect-ratio: 72%;
    }
    .treatment-swipe .h4{
        font-size: 26px;
    }
    .treatment-swipe {
        padding: 15px;
    }
    
}





@media (max-width: 575.99px) {
    body{
        font-size:14px;
    }

    h1,.h1{
        font-size:55px
    }
    h2,.h2,.biggest-text-teaser{
        font-size:38px
    }
    h3,.h3{
        font-size:22px;
    }
    h4,.h4,.big-text-teaser{
        font-size:22px;
    }

    h5,.h5{
        font-size:12px;
    } 
	
	
	.notice-text{
		 font-size:20px
	}
    
    p, ul, ol {
      margin-top: 0;
      margin-bottom: 1.4rem;
    }
    
    
    section{
        padding: 30px 0px;
    }
    section.big-padding{
        padding: 100px 0px;
    }
    
    section.bigger-padding {
      padding: 50px 0px;
    }
    
     footer .footer-main {
    padding: 60px 0px;
  }
    
    
    .big-font-headline {
      letter-spacing: 5px;
      font-size: 24px;
      line-height: 1.25;
    }
    
    
    .section-divider + section {
      padding-top: 100px;
    }
    
    .line-top {
        height: 40px;
    }

    .line-bottom {
        height: 90px;
    }
    
    .text-block-2-cols .row {
      padding: 50px 0px;
    }
    
   
    .swiper-steps .swiper-pagination-bullet {
      height: 40px;

    }
    .swiper-steps .swiper-pagination-bullet span{
      height: 40px;
      width: 40px;
      line-height: 40px;
      font-size: 22px;
    }
    
   
     .container-fluid,.custom-container {
      padding-right: 12px;
      padding-left: 12px;
    }
    
    
    .container-fluid.treatment-top-image {
          padding-bottom: 75px;
        }
      .cat-ov-content {
    padding: 5% 5%;
  }
      .cat-ov-image {
        padding-bottom: 66%;
      }
     .m-100{height: 100%}
    
    
    .top-section-treatment{
        min-height: 60vH;
    }
    .top-section-treatment .h1-container {
        height: 60vH;
    }
    .container-fluid.treatment-top-image {
    padding-top: 45vH;
    }
    
    .team-single-headline{
        padding-top: 45px;
    }
	
	#content .behandlungs-text p.notice-text{
	  width: 100%;
	  margin: auto auto 60px ;
	}
    
    
    
}

@media (max-width: 499.99px) {
    .review {
        border:0px solid #fff;
    }
    
    

    #gallery-slider {
      width: calc(100% - 24px);
      margin: auto;

    }
    
}

@media (max-width: 399.99px) {
    
    h1,.h1{
        font-size:40px
    }
    h2,.h2,.biggest-text-teaser{
        font-size:38px
    }
    h3,.h3{
        font-size:22px;
    }
    h4, .h4, .big-text-teaser {
        font-size: 18px;
      }
    .accordion-button, .big-font, .job-ov a {
      font-size: 20px;
      line-height: 1;
    }
    
    .team-single-headline{
         font-size:26px  !important;
    }
    
    .text-block-2-cols .row {
      padding: 35px 0px;
      padding: 35px 0px;
    }
    
      section.big-padding {
        padding: 70px 0px;
      }
    
    .h2-treatment-kat{
        font-size: 35px;
    }
    .h2-termin-teaser {
        font-size: 32px;
    }
    
    
    .ratio-treatment-swipe{
        --bs-aspect-ratio: 75%;
    }
    .treatment-swipe .h4{
        font-size: 22px;
    }
    
}





@media (max-width: 359.99px) {
    /*CAT_OV
    .parallax-sections section{
        position: relative;
        top: auto;
        height: auto);
        margin-bottom:0px;
    }
    */
    
      h1, .h1 {
        font-size: 35px;
      }
    
}





@media (min-width: 768px) {
    .my-h-100{
        height:100%
    }
    
}



@media (max-height: 799.99px) {
    .parallax-sections section {
        height: auto;
        position: relative;
        margin-bottom: 0px;
        top:0px
  }
    .cat-ov-image-wrapper {
        height:auto
    }
}