:root {
    --color-dental: #F2E7D3;
    --color-mental: #BAD1D9;
    --color-lab: #CAC3B6;
    --color-cosmetics: #ECC0BD;
    --color-dental-soft: #F2E7D3;
    --color-mental-soft: #BAD1D9;
    --color-lab-soft: #CAC3B6;
    --color-cosmetics-soft: #ECC0BD;
    --color-gold:#CDAA51;
    --color-grey:#B7B7AB;
    --color-main: #23364F;
    --navbar-height: 142px
}



.bg-dental{
    background-color: var(--color-dental);
}
.bg-mental{
    background-color: var(--color-mental);
}
.bg-lab{
    background-color: var(--color-lab);
}
.bg-cosmetics{
    background-color: var(--color-cosmetics);
}

.bg-gold{
    background-color: var(--color-gold);
}
.bg-grey{
    background-color: var(--color-grey);
}
.bg-darkcolor{
    background-color: var(--color-main);
}

html {
    scroll-padding-top: var(--navbar-height);
}

body{
    font-family: "minerva-modern", "Times";
    font-size:20px;
    letter-spacing: 0.8px;
    color:  var(--color-main);
    line-height:1.4;
    font-weight: 400;  

}

body.modal-open{
   /* padding-right: 0px !important;*/
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
  color: var(--bs-heading-color);
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom:0px
}



h1,.h1{
    font-size:100px
}
.h1-treatment-kat,.h2-treatment-kat{
    letter-spacing: 0.28em;
    text-transform: uppercase
}

h2,.h2,.biggest-text-teaser{
    font-size:70px;
    line-height: 1.1;
}
h3,.h3{
    font-size:40px;
    text-transform:uppercase;
    line-height: 1.25;
    letter-spacing: 8px;
    letter-spacing: 0.2em;
}
h4,.h4,.big-text-teaser{
    font-size:40px;
    line-height: 1.25;
    letter-spacing: 0px;
    text-transform: none;
}

h5,.h5{
    font-size:14px;
    font-weight: 700;
    text-transform:uppercase;
    line-height: 1.25;
    letter-spacing: 2.8px;
}

h6,.h6{
    font-size:20px;
    text-transform:uppercase;
    line-height: 1.25;
    letter-spacing: 4px;

}

.notice-text{
	 font-size:25px
}

.small-font{
    font-size:14px
}

.accordion-button,.big-font,.job-ov a {
    letter-spacing: 0px;
    font-size:30px;
    line-height: 1.25;
}

.big-font-headline {
    letter-spacing: 6px;
    font-size:30px;
    line-height: 1.25;
}
.text-normal{
    text-transform: none
}

.text-section :last-child{
    margin-bottom: 0px
}

a{
    color: var(--color-main);
    text-decoration: none;
    position: relative;
    display: inline;
}
a:hover{
    text-decoration: underline
}

:focus {
    outline: 0px;
}

/*
a:hover::after{
    content: "";
    width:100%;
    height:2px ;
    background-color: #777EEE;
    position: absolute;
    bottom:0px;
    display: inline;
}
*/


p,ul,ol {
  margin-top: 0;
  margin-bottom: 2rem;
}



hr {
  margin: 40px 0;
  color: inherit;
    border: 0px solid var(--color-main); 
  border-top: 1px solid  var(--color-main);;
  opacity: 1;
}

/*Navigation*/

.navigation{
    background-color: #fff;
    -webkit-transition: background-color ease .8s;
    transition: background-color ease .8s;
}
.navigation  .nav-link,
.navigation  .menu-item a{
    font-size:14px;
    line-height: 1.3;
    letter-spacing: 2.8px;
    color:  var(--color-main);
    padding: 8px 14px;
    text-transform:uppercase;
    font-weight: 700;
}


.langnav.row {
  top:-2px;
  position: relative;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 2.8px;
  color: var(--color-main);
  text-transform: uppercase;
  border: 1px solid var(--color-main);
  padding: 2px 0px;
  font-weight: 700;
}

.langnav.row a{
    font-size: 14px !important;
}

#small-navi .langnav.row {
    top:1px;
    margin-right:16px
}

.langbutton {
  background-color: transparent;
  padding: 3px 3px;
}
.langbutton.active {
  background-color: var(--color-main);
  color:#fff;
  text-decoration: underline;
}

#openmenu{
    
}



.home .navigation.bg-trans .langnav.row, .modal-open .langnav.row{
  border: 1px solid #fff;
}
.home .navigation.bg-trans .langbutton.active, .modal-open .langbutton.active{
  background-color: #fff;
  color:var(--color-main);
  text-decoration: underline;
}





#logo{
    width: 180px;
    height: auto;
    max-width:180px;
}
.st0 {
    fill: #23364f;
    -webkit-transition: fill ease .8s;
    transition: fill ease .8s
}

.navigation.bg-trans{
    background-color: transparent; 
}
.home .navigation.bg-trans a{
    color:  #fff;
}
.home .navigation.bg-trans a:hover{
    color:  #fff;
}
.home .navigation.bg-trans .st0 {
    fill: #fff;
}

#extraNavi .navigation.bg-trans .st0 {
  fill: #fff;
}


.nav-link:focus, .nav-link:hover {
  color: inherit;
}




#small-navi {
  position: absolute;
  top: 20px;
  right: 30px;
  width: auto;
}

#small-logo {
  position: relative;
  top: 20px;
  left: 20px;
  width: auto;
}





/*Buttons*/



.btn {
  --bs-btn-border-radius: 0px;
  --bs-btn-font-size: 14px;
  --bs-btn-font-weight: 700;  
  --bs-btn-box-shadow: none;  
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.844rem;

  --bs-btn-focus-box-shadow: 0 0 0 0rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  letter-spacing: 2.8px;
  text-transform:uppercase;
    margin-top: 10px;
    white-space: nowrap;
}
.btn:hover {
    text-decoration: underline
}

.btn-primary {
  --bs-btn-color:  var(--color-main);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:  var(--color-main);
  --bs-btn-hover-border-color:  var(--color-main);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: var(--color-main);
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-active-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color:  var(--color-main);
  --bs-btn-disabled-bg: var(--color-main);
  --bs-btn-disabled-border-color: var(--color-main);
}

.btn-primary-inverse {
  --bs-btn-color: #fff ;
  --bs-btn-bg: var(--color-main);
  --bs-btn-border-color: var(--color-main);
  --bs-btn-hover-color: var(--color-main);
  --bs-btn-hover-bg:  #909AA6;
  --bs-btn-hover-border-color: #909AA6;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-main);
  --bs-btn-active-border-color: var(--color-main);
  --bs-btn-active-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #fff;
}

.btn-secondary {
  --bs-btn-color:  #fff;
  --bs-btn-bg: #717059;
  --bs-btn-border-color:#717059;
  --bs-btn-hover-color:var(--color-main);
  --bs-btn-hover-bg:  #fff;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #717059;
  --bs-btn-active-border-color:#717059;
  --bs-btn-active-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color:  var(--color-main);
  --bs-btn-disabled-bg: var(--color-main);
  --bs-btn-disabled-border-color: var(--color-main);
}


.team-ov .btn-secondary,.text-section .btn-secondary{
  --bs-btn-hover-color:var(--color-main);
  --bs-btn-hover-bg:  #B7B7AB;
  --bs-btn-hover-border-color: #B7B7AB;    
}

.btn-lightblue{
  --bs-btn-color:  var(--color-main);
  --bs-btn-bg: #BAD1D9;
  --bs-btn-border-color: #BAD1D9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg:  var(--color-main);
  --bs-btn-hover-border-color:  var(--color-main);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: var(--color-main);
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-active-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
  --bs-btn-disabled-color:  var(--color-main);
  --bs-btn-disabled-bg: var(--color-main);
  --bs-btn-disabled-border-color: var(--color-main);
}


/*MODAL*/

/* Dialog über gesamte Breite */
 .modal-top .modal-dialog {
    margin: 0;
    max-width: none;
    width: 100%;
    max-height: auto;
     height: 100dvh;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

/* Bootstrap setzt .show erst nach dem Öffnen */
.modal-top.show .modal-dialog {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* Inhalt */
.modal-top .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
    background-color:  var(--color-main);
}

.modal-top .modal-body {
    padding:0px;
}

.modal-top .modal-body a {
    color:#fff
}

.modal-top .modal-body .tab-hover-link{
  -webkit-transition: color   .5s ease-in-out;
  transition: color   .5s ease-in-out;  
    letter-spacing: 8px
}

#extraNavi .navigation{
    border-bottom:1px solid #fff
}


.tab-hover-link.active {
  text-decoration: underline;
}

.modal-top .modal-body .tab-hover-link:not(.active) {
  color: #909AA6;
}

/* Optional: Backdrop abdunkeln */
 .modal-backdrop.show {
     --bs-backdrop-bg: #fff;
    opacity: .7;
}


/*MobileNav-Modal*/
#mobileNavi .modal-content {
    background-color:  var(--color-main);
}

#mobileNavi  .modal-body a {
    color:#fff;
    font-size:20px;
}
#mobileNavi .sub-menu {
  padding: 0px;
}
#mobileNavi  .modal-body .sub-menu a {

    font-size:18px;
}
#mobileNavi #menu-mobile-menu > li{
    padding:8px 0px
}


#logo-smalloverlay{
  position: relative;
  top: 20px;
  left: 20px;
  width: auto;
}
#mobileNavi .st0 {
    fill: #fff;
}

.overlay-nav{
    height:62.7px
}
#mobileNavi .modal-content a {
     color: #fff;
    letter-spacing: 4px;
    font-size:20px;
    text-transform: uppercase
    
}
#mobileNavi .modal-content a.active{
   color: var(--color-main);
}


#navigation2{ border-bottom:1px solid #fff}

#navTabContent li {
    padding:6px  0px
}


.form-control {
font-size:14px;
  color:var(--color-main);
  border-radius: 0px;
  text-align: center;
  background-color: transparent;
  border-width: 0px 0px 1px 0px;
  border-color: var(--color-main);
}
.form-control:focus {
   color:var(--color-main);
   background-color: transparent;
   border-color: var(--color-main);
  -webkit-box-shadow: none;
  box-shadow: none;
}


footer a{
    color:#fff;
}

footer .footer-main, footer .footer-extra{
     font-size:14px
}

footer .footer-main{
     padding: 150px 0px;
}
footer .footer-extra{
     border-top:0px solid #fff;
     padding: 30px 0px;
}

#menu-footermenu {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#menu-footermenu li {
  margin: 0px 10px
}

section{
    padding: 100px 0px;
}

section.attributes-section{
    padding: 60px 0px;
}


section.bigger-padding{
    padding: 150px 0px;
}

section.big-padding{
    padding: 200px 0px;
}


.half-width {
  width: calc(50% - 1rem);
  margin-left: auto;
}

.behandlungs-text p,
.behandlungs-text ul,
.behandlungs-text ol
{
    width: calc(50% - 1rem);
    margin-left: auto;
}
.behandlungs-text ul,
.behandlungs-text ol
{
   padding-left:4rem
}


#content ul{
    list-style: none;
    padding-left:4rem
}

#content ul.half-width,#content ol.half-width  {
 /* padding-left:20px */
     padding-left:2rem
}


#content ol li, #content ul li { 
    position: relative
}


#content ul li::before {
    content: "—";
    position: absolute;
    left: -32px;
}

#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(50% - 1rem);
    margin-left: auto;
}
#content .behandlungs-text ul
{
   padding-left:2rem
}
#content .behandlungs-text ol
{
   padding-left:1.4rem
}


.big-text-teaser,
#content .behandlungs-text p.big-text-teaser{
  width: 80%;
  margin: auto auto ;
}

#content .behandlungs-text p.notice-text{
  width: 80%;
  margin: auto auto 80px ;
}


.big-text-teaser + p{
  margin-top: 100px;
}
.biggest-text-teaser {
  width: 80%;
  margin: auto auto ;
}

p + .biggest-text-teaser {
    margin-top: 100px;
}

.container-fluid{
  padding-right: 25px;
  padding-left: 25px;  
}

.accordion-section + .accordion-section{
    padding-top:0px
}




.top-section {
    height: 100vH;
    background: url(../img/bilder/lib-bild.jpg);
    background-size: auto;
    background-size: cover;
    background-position: center center;
    padding: 0px;
    position: relative;
}

.top-section-page{
  min-height: 50vH;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0px
}


.top-section-treatment{
    min-height: 100vH;
    background-size: auto;
    background-size: cover;
    background-position: center center;
    padding: 0px;
    position: relative;
}


.top-section-treatment .h1-container{
    height: 95vH;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%
}

.top-section-treatment .h1-container h1{
  max-width: 90%;
}

.container-fluid.treatment-top-image {
  padding-top: 67vH;
  padding-bottom: 150px;
    position: relative;
  z-index: 11;
}


.section-divider {
    position: relative;
    height: 0;
    z-index: 10;
}


.section-divider + section{
    padding-top:250px
}

.line {
    position: absolute;
    left: 50%;
    width: 1px;
    -webkit-transform-origin: center top;
    transform-origin: center top;
}

.line-top {
    bottom: 0;
    background: #fff;
    height: 80px;
    -webkit-transform: translateX(-50%) scaleY(1);
    transform: translateX(-50%) scaleY(1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.line-bottom {
    top: 0;
    background: #000;
    height: 180px;
    -webkit-transform: translateX(-50%) scaleY(0.2);
    transform: translateX(-50%) scaleY(0.2);
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
.section-divider-horizontal {
    position: relative;
    height: 1px;
    z-index: 10;
}

.line-horizontal {
  height: 1px;
  width:0%;
  background-color: var(--color-main);
}


.section-divider-horizontal-footer {
    position: relative;
    height: 1px;
    z-index: 10;
}
.section-divider-horizontal-footer  .line-horizontal {
  background-color: #ffffff;
}


/*CAT_OV*/
.parallax-sections section{
    padding:0px
}

.h2-treatment-kat{
    width:100%;
    margin-top:30px
}

@media (min-width: 768px) {
    .parallax-sections section{
        position: -webkit-sticky;
        position: sticky;
        top: var(--navbar-height);
        text-align: center;
        padding: 0px 0px;
        height: calc(100vH - var(--navbar-height));
        margin-bottom:170px;
    }

    .parallax-sections section:last-of-type{
        margin-bottom:0px;
    }
}





.cat-ov-content{
    padding:10% 15%;
}

.cat-ov-image,.cat-ov-content{
  
}
.cat-ov-image{
    background-size:cover !important;
    background-position: center center !important;
    padding-bottom: 50%;
}


.cat-ov-content-button {
  margin-top: 50px;
}



.accordion {
    --bs-accordion-btn-padding-y: 1.8rem;
  border-top: 1px solid var(--color-main);
     border-bottom: 1px solid var(--color-main);
}

.accordion-item {
  border: 1px solid var(--color-main);
}

.accordion-button {
    display: block;
    text-align: center;
    padding: var(--bs-accordion-btn-padding-y) 7vw;
    color: var(--color-main) !important;
}

.accordion-button:focus {
  z-index: 3;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.accordion-button::after {
  position: absolute;
  width: 25px;
  height: 13px;
  right: 32px;
  top: calc(50% - 6.5px);
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.35 14.09'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2323364f; %7D .cls-2 %7B isolation: isolate; %7D %3C/style%3E%3C/defs%3E%3Cg id='_' data-name=' ' class='cls-2'%3E%3Cg id='Gruppe_6' data-name='Gruppe 6' class='cls-2'%3E%3Cpolygon class='cls-1' points='0 1.35 1.35 0 12.74 11.39 24 .07 25.35 1.41 12.75 14.09 0 1.35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.35 14.09'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2323364f; %7D .cls-2 %7B isolation: isolate; %7D %3C/style%3E%3C/defs%3E%3Cg id='_' data-name=' ' class='cls-2'%3E%3Cg id='Gruppe_6' data-name='Gruppe 6' class='cls-2'%3E%3Cpolygon class='cls-1' points='0 1.35 1.35 0 12.74 11.39 24 .07 25.35 1.41 12.75 14.09 0 1.35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.accordion-body {
  background-color: #E9EBED;
  padding: var(--bs-accordion-body-padding-y) 7vw  40px;
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: #E9EBED;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.weiterlesen-button-text-expanded {
  display: none;
}
.weiterlesen-button:not(.collapsed) .weiterlesen-button-text-collapsed {
  display: none;
}
.weiterlesen-button:not(.collapsed) .weiterlesen-button-text-expanded {
  display: inline;
}






.text-block-2-cols .row{
    padding: 100px 0px
}
.text-block-2-cols .row div:last-of-type :last-child {
    margin-bottom: 0px
}




.ratio-attributes  {  
    --bs-aspect-ratio: 65%;
}

.treatment-attribute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.treatment-attribute .label{
    
}
.treatment-attribute .value{
    
}




.ratio-team-image {  
    --bs-aspect-ratio: 135%;
}

.ratio-team-image img{
    -o-object-fit: cover;
    object-fit: cover
}
.stickyimage{
    position:-webkit-sticky;
    position:sticky;
    top:200px;
}
.team-single-headline{
    padding-top:150px
}

.job-single-headline,.page-headline{
    padding-top:250px
}







.card {
  --bs-card-border-width: 0px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0px;
  --bs-card-height: ;
  --bs-card-bg: var(--bs-body-bg);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}






.link-list{
    border-top: 1px solid var(--color-main);
}

.job-ov a {
    position: relative;
    display: block;
    text-align: center;
    padding: 1.8rem 7vw;
    border-bottom: 1px solid var(--color-main);
    text-decoration:none!important;
    background-color: transparent;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease 
}
.job-ov a:hover {
    background-color: #BAD1D9;
}

.job-ov a::after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 25.35'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2323364f; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='17.32 0 15.97 1.35 26.33 11.66 0 11.66 0 13.57 26.34 13.57 15.91 24 17.26 25.35 30 12.61 17.32 0'/%3E%3C/svg%3E");
    width: 30px;
    height: 25.35px;
    right:30px;
    top:calc(50% - 12.66px);
}



.price-list{
   border-top: 1px solid var(--color-main); 
    margin-bottom: 100px
    
}
.price-list-item{
   border-bottom: 1px solid var(--color-main); 
    padding:10px 0px
}




/*SWIPER JS*/
.owl-dots {
    display: -webkit-box !important;  
    display: -ms-flexbox !important; 
    display: flex !important; 
}

.swiper-pagination-bullet,.owl-dot  {
  background: transparent;
  border-radius: 0px;
  display: inline-block;
  height: 10px;
  width: 10px;
    opacity: 1;
    border:1px solid  var(--color-main);
}
.swiper-pagination-bullet-active{
   background: var(--color-main);
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
  & .swiper-pagination-bullet {
    margin: 0 1.5px;
  }
}

.swiper-treatments{
     padding-bottom: 50px;
}

.swiper-treatments .swiper-pagination{
   
}

.ratio-treatment-swipe{
    --bs-aspect-ratio: 75%;
}

.ratio-my-treatment-swipe{
    --bs-aspect-ratio: 70%;
}


.owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top:20px
}

.owl-dot  {
  background: transparent;
  border-radius: 0px;
  display: inline-block;
  height: 10px;
  width: 10px;
    opacity: 1;
    border:1px solid  var(--color-main) !important;
     margin: 0 1.5px;
}

.owl-dot.active{
    background: var(--color-main) !important;
}






.ratio-gallery-swipe{
    --bs-aspect-ratio: 75%;
}
.ratio-gallery-swipe img{
    -o-object-fit: cover;
    object-fit: cover
}

.treatment-swipe{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    text-align: center;
    padding: 30px
}



.steps-section{
   
}


.swiper-steps .swiper-pagination-custom{
  position: relative;
  z-index: 1;
  padding: 10px;
  margin-top: 30px;
}



.swiper-steps .swiper-pagination-custom::after{
 content: "";
  width: 70%;
  height: 1px;
  background-color: #909AA6;
  position: absolute;
  top: 50%;
  z-index: 1;
  left: 15%;
}


.swiper-steps.less-steps .swiper-pagination-custom::after {
  width: 50%;
  left: 25%;
}

.swiper-steps .swiper-pagination-bullet {
  border-radius: 0px;
  opacity: 1;
   height: 70px;  
  border: 0px solid #909AA6;
}

.swiper-steps .swiper-pagination-bullet {
  background: transparent;
}

.swiper-steps .swiper-pagination-bullet.swiper-pagination-bullet-active span {
  background: var(--color-main);
  color: #fff  
}

.swiper-steps .swiper-pagination-bullet span{
    height: 70px;
    width: 70px;
    display: inline-block;
    border: 1px solid #909AA6;
    line-height: 70px;
    font-size:40px;
    text-align: center;
    color:#909AA6;
    z-index: 2;
    position: relative;
    background-color:#fff;
}

.ablauf-slide h4{
    margin-bottom: 20px
}




/*REVIEWS*/
.reviews h2{
    margin-bottom: 100px
}

.swiper-reviews .swiper-wrapper{
  margin-bottom: 80px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.swiper-reviews  .swiper-slide {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.review{
    padding:0px 35px;
    border-left:1px solid #000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    
}

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


.review .name{
    letter-spacing: 2.8px;
    font-size:14px;
    font-weight: 700;
    margin-bottom:5px;
    text-transform: uppercase;
}


.stars {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
    gap: 2px;
    width:100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom:35px;
}

.stars span{
    width:20px;
    height: 20px;
    background: url(../img/star.svg);
    background-size: cover;
    margin: 0px 1px
}






.ff-default .ff-el-form-control {
  border: 0px !important;
  border-bottom: 1px solid var(--color-main) !important;
  border-radius: 0px !important;
  text-align: center !important;
  font-size:14px;
  font-family: "minerva-modern", "Times" !important;
}

.ff-field_container{
    margin: 10px 0px
}


.error,.ff_t_c,.ff_submit_btn_wrapper{
   /* text-align: center!important */
}
.frm-fluent-form{
    margin-top: 30px
}


.fluentform .ff-el-tc label.ff_tc_label {
    /*
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
    
    */
    font-size:14px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fluentform .ff-el-tc label.ff_tc_label > span {
  top: -8px !important;
  position: relative;
  margin-right: 10px;
  display: inline-block !important;
    
}

.ff-message-success {
  text-align: center;
  background-color: #F2E7D3;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px;
}

.ff-el-form-check + .error.text-danger {
  text-align: center;
}

.ff_t_c {
  display: inline-block !important;
    text-align: center!important;
}

.ff-el-group.ff-text-left.ff_submit_btn_wrapper {
  text-align: center;
}

.fluentform .ff-btn{
   border: 0px solid transparent !important;
   border-radius: 0px !important;
   letter-spacing: 2.8px !important;
   text-transform:uppercase !important;
   background-color: var(--color-main) !important;
   padding: 0.844rem 1rem !important;
}

.fluentform .ff-btn:hover{
     background-color: #909AA6  !important;
     color: var(--color-main) !important;
     opacity: 1!important;
    text-decoration: underline  !important;
}


#cmplz-document{
    text-align: left;
    
}
#cmplz-document h2 {
  font-size: 26px;
}
#cmplz-document h3 {
  font-size: 22px;
}

#cmplz-document h4 {
  font-size: 20px;
}

@media (min-width: 768px) {
  .cmplz-message, .cmplz-categories {
    width: auto;
  }
    }