/* 
orange #fd8609
orange neu: #fd8609


*/





@font-face {
  font-family: 'Open Sans';
  font-weight: 200 700;
  src: url(../fonts/OpenSans-VariableFont_wdth,wght.ttf) format('ttf');
}



@font-face {
    font-family: 'Roboto';
    font-weight: 700;
  src: url(../fonts/Roboto-Black.ttf) format('ttf');
}


@font-face {
    font-family: 'Roboto';
    font-weight: 500;
  src: url(../fonts/Roboto-Medium.ttf) format('ttf');
}


@font-face {
    font-family: 'Roboto';
    font-weight: 400;
  src: url(../fonts/Roboto-Regular.ttf) format('ttf');
}


@font-face {
    font-family: 'Roboto';
    font-weight: 300;
  src: url(../fonts/Roboto-Light.ttf) format('ttf');
}


@font-face {
    font-family: 'Roboto';
    font-weight: 200;
  src: url(../fonts/Roboto-Thin.ttf) format('ttf');
}





html body p,
html body .ul1 li {
    font-size: 1.3em;
    line-height: 1.85714286em;
}


section, footer {
    padding-top: 2em;
    padding-bottom: 2em;
}

body .bar .logo {
    max-height: 120px;
    max-width: none;
    width: auto;
}

.h-60vw, .h-60vw .slide, .h-60vw .slide .cover {
    height: 60vw !important;
}



.feature-large.switchable .switchable__text {
    margin-top: 0;
}
.feature-large.switchable .image-rounded {  
margin-top: 1.85714286em;}

*,body h1,body h2,body h3,body h4,body h5,body h6,body p,body ul,body a {
font-weight: 300;
}

body a {

    color: #fd8609;
    font-weight: 700;
    text-decoration: none;

}

.slider ul,
ul.slides {
    list-style-type: none !important;
}


body .main-container ul.slides li:after {
    display: none;
}

body .main-container ul.slides li {
    padding-left: 0px;
}




.slider ul li,
ul.slides li{
    list-style-type: none;
}



.slider-wrap .image-carousel img {
    margin: 5px;
}


.logo-text {
    font-weight: 600;
}

#menu1 {
    padding-left: 30px;
    padding-right: 30px;
}

.menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
    opacity: .9;
}



body a:hover {

    color: #B57E0E;
    font-weight: 700;

}

body .main-container  ul li {
    padding-left: 16px;
    position: relative;
}

body .main-container ul li:after {
    content:'';
    position: absolute;
    left: 0px;
    top: 10px;
    border-radius: 50%;
    height: 7px;
    width: 7px;
    display: block;
    background-color: #fd8609;
}


body .main-container footer ul li:after {
display: none;
}

body .main-container  .bg--dark ul li:after {

    background-color: #ffffff;
}

.feature-large h3,.feature-large  .h3 {
    font-size: 1.4em;

}

.feature a:hover {
      text-decoration: none !important;
    
}

.feature a:hover h4 {
    border-bottom-color: rgb(102,102,102) !important;
    color: rgb(102,102,102) !important;
    border: 0px !important;
    text-decoration: none !important;
    font-weight: bold;
}
.feature a:hover h4:before,
.feature a:hover h4:after {
    display:none;
}

body .bg--dark {
    background: #fd8609;
}




body [data-overlay]:before {
/*
    background: #694808;
    background: #695328;
    */

}


.imagebox-carousel img {
    margin-right: 10px;
}

.imagebox-carousel .flickity-page-dots {
 
    bottom: 0px;
}

body .bg--dark.bg--black p strong {
    color: #ffffff;
}

.icon-wrap img,

.feature-large .image-rounded {
    height: auto;
    
}  
.icon-wrapx img,
.feature-large .image-rounded {

    border-radius: 50%;
}

.therapien-menu {
    border-top: 1px solid rgba(255,255,255,0.4);
}



.text-logo-wrap {display: block;
width: 400px;
height: 100%;}
.text-logo-wrap .logo-circle {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
      background: #fd8609;
}
.text-logo-wrap .logo-text {position: absolute; left: 60px;
bottom: 30px;
z-index: 2;
font-size: 22px;
    color: #252525;
}




.image-carousel.carousel {
  background: #EEE;
}

.image-carousel.carousel .carousel-cell {
  margin-right: 20px;
  overflow: hidden;
}





.image-carousel  .carousel-cell img {
  display: block;
  height: 200px;
}


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

    .image-rounded {
        max-width: 400px;
        max-height: 400px;
    }
}





@media screen and ( min-width: 768px ) {
 .image-carousel  .carousel-cell img {
    height: 400px;
  }
    
    .image-rounded {
        max-width: 330px;
        max-height: 330px;
    }
    
    body .bar .logo {
    max-height: 90px;
    max-width: none;
    width: auto;
}
    
    
}


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

    
    body .bar .logo {
    max-height: 90px;
    max-width: none;
    width: auto;
}
    
    
}