/* FRONTEND CSS
*********************************************/

/* LAYOUT
******************************************************************************************************/
/*****************************************************************************************************/

/******************/
/*** FONT-STYLE ***/
/******************/

/**** Allgemein ***/
body { font-family:Raleway;  /*font-family:Libre Bodoni;*/ font-weight: 400; font-size: 1.6rem; color: #3a3a3a;}
@media (max-width: 768px) {
  body { font-size: 1rem; }
  p { line-height: 1.5rem !important;}
}
.handwritten { font-family: Marck Script; font-size:2rem; color: #853B5B;}
blockquote {font-size:1.6rem; font-weight: 700; color: #847C25;}
p {line-height: 2.5rem;}
#redim-cookiehint .cookiecontent p {line-height: 200% !important;}
#redim-cookiehint .headline {font-weight: 600 !important;}
#cookiehintsubmit {background-color: #853B5B !important; }
#cookiehintsubmit:hover {background-color: #847C25 !important; }
strong {font-weight: bold;}
.rounded-10 {border-radius: 10px;}
.floatbox { background-color: rgba(132, 124, 37,0.1); border-radius: 10px; padding: 30px;  margin-bottom: 2.5rem; margin-top: 2rem; position: relative; }

/**** Listen ***/
ul li::marker, ol li::marker {color: #853B5B; font-weight: 400;}

/**** Header ***/
h1 { color:#847C25; /*font-family:Raleway;*/ font-weight: 700; font-size:2.5rem; margin:0 0 1rem 0; text-transform: uppercase;}
h2 { font-size:2.5rem;}
#main h2, #teaser .praxisvorteile h2 {margin-bottom: 2rem; font-weight: bold;}
/*#main h2::before, #teaser .praxisvorteile h2::before {
  content: ""; 
  position: relative;
  height: 28px;
  width: 28px;
  margin-right: 10px;
  background-image:url('../images/ddd-deco-icon_berry.svg');
  background-repeat: no-repeat;
  display: inline-block;
}*/
.accordion h2::before {display: none !important;}
h3 { font-size:2rem;}
h4 { font-size:1.75rem;}
h5 { font-size:1.6rem; font-weight: 600; color: #853B5B;}
h6 { font-size:1.6rem;}
.display-1 {color: #847C25 !important;}
.display-1, .display-2 {font-weight: 600; color: #847C25; text-transform: uppercase;}

/**** Links ***/
a, a:visited { color:#853B5B;}
a:hover {color: #847C25;;}
.card .sun {color:/*#ffd230*/ #847C25;}
.suns { color:#853B5B; position:absolute; top:3rem; right:0; font-size:200%;}
.gallerie h3.handwritten { text-transform:none !important;}
.highligt {color:#853B5B;}
.video-modal:hover {cursor: pointer;}

/*** BUTTONS ***/
.btn {border-radius: 10px; padding: 0.6rem; font-size: 1.5rem;}
.btn-primary { background-color: #847C25; color: #fff; border: none; }
.btn-primary:hover { background-color: #4d4816; }
a.btn-primary { color: #fff; border: none; }
.btn-secondary { background-color: #853B5B; color: #fff; border: none; }
.btn-secondary:hover { background-color: #492132; }
a.btn-secondary { color: #fff; border: none; }
.btn-outline-primary { color:#847C25; border-color:#847C25; margin: 0.2rem 0; }
.btn-outline-primary:hover { background-color:#847C25; border-color:#847C25;}
.btn-outline-secondary { color:#853B5B; border-color:#853B5B; margin: 0.2rem 0; }
.btn-outline-secondary:hover { background-color:#853B5B; border-color:#853B5B;}

/**** FORMULARE ***/

/**** Accordion ***/
.accordion {margin-bottom: 2rem;}
.accordion-item {border: none; margin-bottom: 1rem;}
.accordion h2 {margin: 0 !important;}
.accordion-button {font-size: 2rem; font-weight: 600;}
.accordion-button:not(.collapsed) {
  background-color: rgba(132, 124, 37,0.1);
  color: #853B5B;
}
.accordion-button {color: #853B5B; border-radius: 10px 10px 40px 10px !important; background-color: rgba(132, 124, 37,0.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
button.accordion-button::before {
  content: ""; 
  position: relative;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  background-image:url('../images/ddd-deco-icon_berry.svg');
  background-repeat: no-repeat;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23853B5B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23853B5B'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:focus { /*box-shadow: 0 0 0 .25rem rgba(132, 124, 37,0.1);*/ box-shadow: none; border: none;}


/**************/
/*** LOGIN ***/
/**************/

.login .star, .login .form-control-feedback {font-size: 50%;}
.login .com-users-login {
  background:#fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 20px -10px rgba(0,0,0,0.8);
  box-shadow: 0 4px 20px -10px rgba(0,0,0,0.8);
  color: #000;
  margin: 0 auto;
  font-size: 1rem;
  padding: 30px;
  width: 60%;
}

.login .control-label {font-size: 1.5rem !important; font-weight: bold; color: #853B5B;}
.login .control-group, .login .com-users-login__remember {margin-bottom: 1rem;}
.login  .plg_system_webauthn_login_button svg {max-width: 35px;}
.login .input-password-toggle {display: none;}

/**************/
/*** HEADER ***/
/**************/
#header { position:fixed; width:100%; z-index:999;}
#header-top a, #header-top a:visited, #header-top a:hover {color: #fff !important; text-decoration: none;}
#header-top {font-size: 1.125rem; font-weight: 400; height: 50px; background-color:#853B5B; transition: all 0.3s ease 0s; }
#header-top .container, #header-top .container .row {height: 100%;}
#header-top .container .col { display: flex; justify-content: flex-end; align-items: center; height: 100%;}
.top-menu-info { border-right: 1px solid rgba(255, 255, 255, 0.15); color: #fff; display: inline-block; line-height: 30px; padding: 0 30px;}
.top-menu-info:last-child { padding-right:0; border-right: none;}
.top-menu-info i {color: #fff; /*#847C25;*/ font-size: 1.125rem; margin-right: 7px;}
.top-menu-info.social-icons i {font-size: 2rem;}
.top-menu-info.social-icons i:hover {color: #847C25;}
#language { display:inline-block; line-height:30px; border-right: 1px solid rgba(255, 255, 255, 0.15); margin-right:10px; padding-right:10px;}
#language-collapse { display:none; visibility:hidden;}
#search {display:inline-block;}
#search label{ display:none;}


/************/
/*** MENU ***/
/************/
#menu-outer { background-color:/*#ffd230*/ #847C25; box-shadow:#666 0px 0px 4px; }
.navbar { max-height:120px;}
.navbar-brand { margin-right: 3rem; background-color: #fff; box-shadow:#666 0px 0px 4px; border-radius: 0 0 50px 10px; border: 2px solid #847C25;}
.navbar-brand-mobil {display: none;}
.navbar-brand img { height:270px; transition: all 0.3s ease 0s;  margin-top:60px; /*padding: 15px;*/}
/*.navbar-light .navbar-nav li { border-right: 1px solid rgba(255,255,255,0.1);}*/ /*Trennstrich zwischen Menüpunkten*/
.navbar-light .navbar-nav .nav-link { color:#FFF !important; text-transform:uppercase; font-size: 1.5rem; font-weight: 400;} 
.navbar-nav .nav-link {padding: 0 !important; margin: 0 0.9rem 0 0.6rem;}
.nav-item:last-child .nav-link {margin-right: 0;}

.navbar .dropdown-menu-end{ right:0; left: auto;  }
.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; }
.navbar .nav-item:hover .nav-link{ color: #fff;  }
.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.navbar .dropdown-menu.fade-up{ top:180%;  }
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

.navbar .dropdown-menu {padding: 1rem;}
.navbar ul.dropdown-menu li {margin-bottom: 1rem;}
.navbar ul.dropdown-menu li:last-child {margin-bottom: 0;}
.navbar .dropdown-menu .nav-item a {color: #847C25; font-size: 1.25rem; padding-left: 2rem; font-weight: bold;}
.navbar .dropdown-menu .nav-item a:hover {text-decoration: underline; color: #853B5B;}
.navbar .dropdown-menu .nav-item a::before {display: block; position: absolute; height: 22px; width: 22px; content: ""; 
  left: 1rem;background-image:url('../images/ddd-deco-icon.svg'); background-repeat: no-repeat; background-size: contain; margin-top: 3px;}
.navbar .dropdown-menu .nav-item a:hover::before {background-image:url('../images/ddd-deco-icon_berry.svg');}
.dropdown-item:focus, .dropdown-item:hover { background: none;}

.dropdown-toggle::after { display: none;}
.navbar ul.dropdown-menu {margin-top: 1rem; border-radius: 10px;}
.navbar ul.dropdown-menu::before {
display: block; 
content: "";
position: absolute;
top: -20px;
width: 0px;
height: 0px;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 15px 30px 15px;
border-color: transparent transparent #fff transparent;
}

/*** SUBMENU RECHTS ***/

ul.submenu { background: #847C25; border-radius: 10px 10px 50px 10px; padding: 2rem 0 2rem 0; margin-top: -140px;}
ul.submenu li { width: 100%; margin-bottom: 1rem; transition: all 0.3s ease 0s; line-height: 200%;}
ul.submenu li:hover, ul.submenu li.active { background-color: rgba(255, 255, 255, 0.5); transition: all 0.3s ease 0s;}
ul.submenu li a{ color: #fff; padding-left: 2rem; font-size: 20px; position: relative; transition: all 0.3s ease 0s;}
ul.submenu li a:hover, ul.submenu li.active a{color: #853B5B;}
/*ul.submenu li a::before {display: block; position: absolute; height: 22px; width: 22px; content: ""; 
  background-image:url('../images/ddd-deco-icon_white.svg'); background-repeat: no-repeat; background-size: contain; margin-top: 15px; left: 5px;
  opacity: 0.5; transition: all 0.3s ease 0s;
}*/
ul.submenu li a:hover::before, ul.submenu li.active a::before {opacity: 1;/*background-image:url('../images/ddd-deco-icon_berry.svg');*/ transition: all 0.3s ease 0s;}

/*** Underline from Center ***/
.hvr-underline-from-center {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    overflow: hidden;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
}
.hvr-underline-from-center::before  {
    background: #FFF none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 51%;
    position: absolute;
    right: 51%;
    transition-duration: 0.3s;
    transition-property: left, right;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-underline-from-center:hover::before, .hvr-underline-from-center:focus::before, .hvr-underline-from-center:active::before, .navbar li.active .hvr-underline-from-center:before {
    left: 0;
    right: 0;
}

@media (max-width: 1200px) {
  .navbar { max-height: none; min-height: 81px; padding: 0px;}
  .navbar-nav { align-items: center; margin-bottom: 3rem;}
  .navbar .nav-item .dropdown-menu{display: none; }
  .navbar-light .navbar-toggler {color: #FFF; border-color:#847C25;}
  .navbar-brand-mobil img {height:81px; margin: 0; padding: 5px;}
  .sticky .navbar-brand-mobil img {padding: 12px !important;}
  .navbar-brand {display: none;}
  .navbar-brand-mobil { display: block; border: none; margin: 0; height: 100%; background-color: #FFF; border-radius: 0 0 10px 0;}
}
.toggler-info { display: none; visibility: hidden; position:absolute; right:70px; top:23px; color:rgba(255,255,255,0.9);}
.navbar-light button.navbar-toggler span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .toggler-info { top:22px; }
}

/**************/
/***SUBMENU ***/
/**************/
.moduletable_submenu h3 { font-size:2rem;}
.moduletable_submenu ul li a {
    color: #853B5B !important;
    padding: 0.25rem 1.5rem;
	font-size:1.4rem;
}
.moduletable_submenu ul li.active {border:none !important;}
.moduletable_submenu ul li.active a {background-color:rgba(255,210,48,1); }
.moduletable_submenu .navbar-nav li:hover { border:none !important; }


/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:rgba(255,210,48,0.7);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*******************/
/*** STICKY MENU ***/
/*******************/

@media (min-width: 768px) {
	#header.sticky { transform: translateY(-40px); }
}

@media (max-width: 768px) {
	#header.sticky { transform: translateY(-40px); }
}

@media (max-width: 1200px) {
  #header.sticky .navbar {padding-bottom: 0; min-height: 75px;}
  #header.sticky .navbar-brand { height: 65px; border-radius: 0;}
}

@media (min-width: 1200px) {
  .sticky { position: fixed; top: 0; width: 100%; } 
  #header.sticky .navbar-brand img { height:160px; border-radius:2px; margin-top:1.5em; padding: 5px;}
  .navbar-main, a { transition: all 0.3s ease 0s; }
  .navbar-main.sticky { background: #ffffff none repeat scroll 0 0; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);}
}
/*************/
/*** MMENU ***/
/*************/


/******************/
/*** QUICKLINKS ***/
/******************/
#quicklinks {position: fixed; right: -15px; top: 195px; z-index: 999;}
#quicklinks .quicklinks {display: block;}
#quicklinks .quicklinks .quicklink-item {display: block; position: relative; left: 250px; transition: all 0.3s ease 0s; border-radius: 10px; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);}
#quicklinks .quicklinks .quicklink-item:hover { left: 0; transition: all 0.3s ease 0s;}
#quicklinks .quicklinks .quicklink-item a {display: block; background: #fff; border: #847C25 solid 4px; margin-bottom: 1.25rem; border-radius: 10px; transition: all 0.3s ease 0s;  text-decoration: none; padding: 0.5rem 2rem 0.5rem 1rem; color: #847C25;}
#quicklinks .quicklinks .quicklink-item a:hover {color: #fff; background: #847C25; color: #fff !important; transition: all 0.3s ease 0s; }
#quicklinks .quicklinks .quicklink-item a i {margin-right: 1rem;}
@media (max-width: 1200px) {
	#quicklinks { display: none; }
}

/**************************/
/*** SLIDESHOW / HEADER ***/
/**************************/

#slideshow { width:100%; overflow:hidden; background-color: #fff; padding-top: 100px;}
#slideshow #show {margin-right: 5rem;}
#slideshow .header-img {text-align: center; padding-top: 29px; max-height: 600px; border-radius: 0 0 50px 0; overflow: hidden; position: relative;}
.leistungen #slideshow .header-img { max-height: none;}
.swiper {width: 100%; border-radius: 0 0 80px 0; overflow: hidden; max-height: 700px;}
.swiper-pagination-bullet-active { background: #853B5B;}
.swiper-button-prev {left: 10%; color: #853B5B; top: auto; bottom: 5%; right: 6rem; left: auto;}
.swiper-button-next {right: 10%; color: #853B5B; top: auto; bottom: 5%; right: 3rem;}
.swiper-button-prev:hover, .swiper-button-next:hover {color: #847C25;}
.leistungen .swiper-button-prev, .leistungen .swiper-button-next { bottom: 7%;}
.leistungen .swiper-button-prev { right: 30rem;}
.leistungen .swiper-button-next { right: 27rem;}

.swiper-pagination-progressbar.swiper-pagination-horizontal {bottom: 0; top: auto;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #847C25;}

.carousel-caption p {margin-bottom: 3rem; font-size: 7rem;line-height: 7rem; font-weight: 700; color: #847C25;}

.glow { text-shadow: rgba(255,255,255,0.9) 0px 0px 39px;}

@media (max-width: 768px) {
	#slideshow {  padding: 0 !important; }
  .carousel-caption p { font-size: 4rem; line-height: 4rem;}
}

@media (max-width: 1200px) {
	#slideshow .header-img { padding-top: 0;}
}


/********************/
/*** TEASER HOME ***/
/********************/

#teaser #inner-teaser .teaser {border-bottom: 4px #847C25 solid;}
#teaser #inner-teaser .teaser h2 {font-size: 4.5rem; }
#teaser #inner-teaser .teaser p {font-size: 1.625rem;  line-height: 2.5rem;}
#teaser #inner-teaser .teaser .mod-custom .container {padding: 4rem 0;}
#teaser #inner-teaser .teaser .mod-custom {background-repeat: no-repeat; background-size: cover; background-position: center;}
#teaser #inner-teaser .teaser .mod-custom .teaser-wrapper-inner {background-color: rgba(255, 255, 255, 0.85); border-radius: 10px 10px 50px 10px; padding: 3rem;  -webkit-transition: all 0.3s 0s ease-in;-moz-transition: all 0.3s 0s ease-in;-o-transition: all 0.3s 0s ease-in; transition: all 0.3s 0s ease-in;}

#teaser #inner-teaser .teaser .mod-custom .teaser-wrapper-inner.teaser-img {padding: 0 !important; background: none !important; text-align: center;}
#teaser #inner-teaser .teaser .mod-custom .teaser-wrapper-inner.teaser-img img{border-radius: 10px; background-color: rgba(255, 255, 255, 0.85); max-width: 555px; max-height: 370px;}
#teaser #inner-teaser .teaser .mod-custom .teaser-wrapper {min-height: 500px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: center;}
#teaser #inner-teaser .teaser.teaser-align-right .mod-custom .teaser-wrapper {justify-content: end;}
/*#teaser #inner-teaser .teaser.kinder .mod-custom .teaser-wrapper-inner {width: 40%;}*/

#teaser #inner-teaser .teaser a.btn-primary {/*font-size: 1.4rem;*/ margin-top: 1rem;}

@media (min-width: 1200px) {
  #teaser #inner-teaser .teaser .mod-custom .teaser-wrapper-inner:hover {background-color: rgba(255, 255, 255, 0.95); -webkit-transition: all 0.3s 0s ease-in;-moz-transition: all 0.3s 0s ease-in;-o-transition: all 0.3s 0s ease-in; transition: all 0.3s 0s ease-in;}
}

@media (max-width: 1200px) {
  #teaser #inner-teaser .teaser .mod-custom .teaser-wrapper {flex-wrap: wrap-reverse;}
  #teaser #inner-teaser .teaser .mod-custom .teaser-wrapper-inner.teaser-img img {max-height: none; max-width: none; height: 100%; width: 100%;}
  /*#teaser #inner-teaser .teaser .mod-custom .teaser-wrapper.team .teaser-wrapper-inner.one img {border-radius: 0 0 10px 10px;}*/
  /*#teaser #inner-teaser .teaser .mod-custom .teaser-wrapper.team .teaser-wrapper-inner.two {border-radius: 10px 10px 0 0;}*/
  #teaser #inner-teaser .teaser .mod-custom .teaser-wrapper.team .teaser-wrapper-inner.one {display: none;}
}

@media (max-width: 768px) {
	#teaser #inner-teaser .teaser h2 {font-size: 2.5rem; }
}

/******************/
/*** STARTSEITE ***/
/******************/

.admin .login img {max-height: none;}

/******************/
/*** STARTSEITE ***/
/******************/
.start .page-header h1 {margin-bottom: 3rem; font-size: 3.5rem; line-height: 4rem;}
/*.start .page-header h1::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f5c9"; padding-right: 5px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
*/
.moduletable.aktuelles {margin-top: 5rem;}
.moduletable.aktuelles h2 {color: #847C25; font-weight: 700; font-size: 2.5rem; margin: 0 0 3rem 0; text-transform: uppercase;}
/*.moduletable.aktuelles h2::before {
  content: ""; 
  position: relative;
  height: 28px;
  width: 28px;
  margin-right: 10px;
  background-image:url('../images/ddd-deco-icon_berry.svg');
  background-repeat: no-repeat;
  display: inline-block;
}*/

/*.newsflash .mod-articlesnews__item {border-bottom: 3px dotted #847C25; margin-bottom: 2.5rem;}*/
.newsflash .mod-articlesnews__item { padding: 30px; background-color: rgba(132, 124, 37,0.1); margin-bottom: 2.5rem; border-radius: 10px 10px 50px 10px;}
.newsflash .mod-articlesnews__item h3 {font-weight: 600;}
.newsflash .mod-articlesnews__item .readmore {margin-bottom: 0rem;}
.newsflash .mod-articlesnews__item:last-child {border-bottom: none;}
.aktuelles .blog-item:nth-child(odd) {padding: 30px; background-color: rgba(132, 124, 37,0.1); margin-bottom: 2.5rem; border-radius: 10px 10px 50px 10px;}
.aktuelles .blog-item:nth-child(even) {padding: 30px; border:4px solid rgba(132, 124, 37,0.1); margin-bottom: 2.5rem; border-radius: 10px 10px 50px 10px;}
.aktuelles .blog-item .readmore {margin: 0;}
.more-news {font-weight: bold; font-size: 1.5rem; padding: 10px 20px;}

/********************/
/*** MODAL CONTENT ***/
/********************/
.modal-header h1 { font-size: 3rem !important; font-weight: bold;}
.modal-header {border-bottom: dotted #853B5B; padding: 2rem 2rem 0 2rem;}
.modal-body {color: #3a3a3a; padding: 2rem;}

/********************/
/*** MAIN CONTENT ***/
/********************/
#main {padding: 5rem 0 5rem 0;}
.start #main {padding: 6rem 0 5rem 0; border-bottom: 4px #853B5B solid;}
#right { margin-top:5.2rem;}
#left { margin-top:8.5rem;}
.kontakt #left { margin-top:10.10rem;}
.breadcrumb { background: none; border-radius: 0; margin-bottom: 2rem; padding: 0.75rem 1rem 0.75rem 0 !important; opacity:0.75; font-size: 1.2rem;}
.breadcrumb a {color: #492132;}
.breadcrumb a:hover {color: #847C25;}
figcaption {font-size: 1.5rem; color: #847C25; border-top: 3px dotted #847C25; text-align: right;}
.site .page-header h1, .site .new-page-header h1 {position: absolute; z-index: 99; bottom: 10px; right: 10px; background-color: #FFF; padding: 1rem 3rem; box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.2); margin: 0 !important; font-size: 3rem; border-radius: 10px 10px 50px 10px;}
.site h3.page-header {margin: 0 !important; font-size: 3rem; text-decoration: none; font-weight: 600;}

.card { border: 2px solid #853B5B; border-radius: 10px 10px 50px 10px; overflow: hidden; -webkit-transition: all 0.2s 0s ease;  -moz-transition: all 0.2s 0s ease; -o-transition: all 0.2s 0s ease;transition: all 0.2s 0s ease;}
.card:hover {box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.30); transition: all 0.9s 0s ease;}
.card .card-img-top { -webkit-transition: all 0.9s 0s ease; -moz-transition: all 0.9s 0s ease; -o-transition: all 0.9s 0s ease; transition: all 0.9s 0s ease;}
.card:hover .card-img-top {-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -ms-transform:scale(1.1);-o-transform:scale(1.1); transform:scale(1.1); }
.card-body { position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.75); width: 100%; padding-left: 3rem; -webkit-transition: all 0.2s 0s ease;  -moz-transition: all 0.2s 0s ease; -o-transition: all 0.2s 0s ease;transition: all 0.2s 0s ease;}
.card:hover .card-body {background-color: rgba(255, 255, 255, 0.9);}
.card-body h5 {font-size: 3rem; font-weight: 700; text-transform: uppercase; color: #847C25;}
.card-body p {font-size: 1.5rem; font-weight: 700; color: #847C25; }
/*.card-footer { background-color:#fae7a2;}*/

.moduletable.marketing { margin-top:4rem;}
.marketing .col-lg-4 { text-align:center;}
.marketing img {border: 2px solid #853B5B; border-radius:70px; }
.startseite #main .row figure img.family { width:100%;}
#left img.anfahrt{width:100%;}
.anreise #all #main #content .custom iframe {width:100%;}
div.hc-widget.hc-widget-large { width:100% !important;}

@media (max-width: 1200px) {
	.site .page-header h1 {top: 200px; font-size: 2rem;}
  .start .page-header h1 {font-size: 3rem; line-height: 3rem; margin-bottom: 1rem;}
  #main {padding: 2rem 0 2rem 0;}
  .start #main {padding: 2rem 0 2rem 0;}
  .site .page-header h1, .site .new-page-header h1 {font-size: 1rem;}
}
@media (max-width: 992px) {
	.site .page-header h1 {display: none;}
}

/*** Vorteile ***/
.moduletable.praxisvorteile {margin: 6rem 0;}
#vorteile {margin-top: 2rem; padding-top: 6rem !important;}
#vorteile .feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  margin-bottom: 1rem;
  font-size: 5rem;
  color: #fff;
  border-radius: .75rem;
  background-image: none !important;
  background: #847C25 !important;
  /*background: rgb(132,124,37) !important;
  background: radial-gradient(circle, rgba(132,124,37,1) 50%, rgba(40,38,20,1) 100%) !important; */
}
#vorteile .feature  h2::before {display: none;}
#vorteile .feature  h2 {font-weight: 500 !important;}
#vorteile .feature  h3 {color: #853B5B;}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  position: absolute;
  height: 48px;
  left: 0;
  width: 100%;
}



/*** Gallerie ***/

/*.carousel-control-next-icon { background-image:url('../images/icon-next.svg'); }*/
/*.carousel-control-prev-icon{ background-image:url('../images/icon-prev.svg'); }*/

.carousel {margin-bottom: 2rem;}
.carousel-control-prev-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23853B5B'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23853B5B'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.carousel-indicators .active {background-color: #847C25;}

/*a.carousel-control-next:hover, a.carousel-control-prev:hover {background: rgba(255,232,151,0.8)}*/
.carousel-indicators li { box-shadow: 1px 1px 3px #353535; height: 15px; width: 15px; background-color: rgba(255,255,255,0.8);}

#modal button.close {position: absolute; right: -29px; z-index: 120; top: -29px; background: #FFF; height: 25px; width: 25px; border-radius: 12px; opacity: 1; color: #853B5B; border: 2px solid #853B5B;}
#modal button.close span { margin-top: -3px; display: block;}

.carousel-control-next-icon, .carousel-control-prev-icon { width: 60px; height: 60px;}
/*.carousel-control-next, .carousel-control-prev { opacity: 1; }
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { opacity: 1;}*/

.galover { background-color: #fff; border: 1px solid #853B5B; border-radius: 0.25rem; display: inline-block; background: white; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; padding:0; margin:10px;} 
.galover img { border:none; margin:0 !important; padding:0 !important; display: block; margin: 0; padding: 0.25rem; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} 
.galover:hover {background: #FFDB93; border: 1px solid orange;}
.galover:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); opacity: .5; filter: alpha(opacity=50); }


/**** TEAM ****/
.img-thumbnail {border-color: #847C25;}
.img-thumbnail.img-dr {border-color: #853B5B !important;}
/*.team .img-thumbnail.img-dr {filter: grayscale(80%);}*/
/*.team .img-thumbnail.img-dr:hover {filter: grayscale(0%); cursor: pointer; }*/


/**** PRAXIS ****/

.praxis video {border-radius: 10px;}

/**** PHILOSOPHIE ****/


/*******************/
/*** TABLE STYLE ***/
/*******************/
/*.table .thead-light th { background-color: #fae7a2; }*/

#main .table {
  --bs-table-striped-bg:rgba(132, 124, 37,0.1);
  --bs-table-active-bg:rgba(132, 124, 37,0.1);
  --bs-table-hover-bg:rgba(132, 124, 37,0.5);
  margin-bottom:5rem;
 }
 #main .table th, #main .table td { border-color: rgba(132, 124, 37,0.1)}
 #main .table thead {border-color: #847C25;}

/*******************/
/*** GRID LAYOUT ***/
/*******************/

.blog-item {
  display: flex;
  flex-direction: column;
  padding: 0 0.5em 1em;
  overflow: hidden;
}
.boxed .blog-item {
  background-color: white;
  box-shadow: 0 0 2px rgba(51, 57, 66, 0.1), 0 2px 5px rgba(51, 57, 66, 0.08), 0 5px 15px rgba(51, 57, 66, 0.08), inset 0 3px 0 #666;
}
.boxed .blog-item .item-content {
  padding: 25px;
}
.image-left .blog-item, .image-right .blog-item {
  flex-direction: row;
}
.image-left .blog-item .item-image, .image-right .blog-item .item-image {
  flex: 1 0 40%;
}
.blog-item .item-image {
  margin-top: 3px;
  margin-bottom: 15px;
  overflow: hidden;
}
.boxed .blog-item .item-image {
  margin-bottom: 0;
}
.image-right .blog-item .item-image {
  order: 1;
}
.image-bottom .blog-item .item-image {
  margin-top: -15px;
  order: 1;
}
.image-left .blog-item .item-content {
  padding-left: 25px;
}
.image-right .blog-item .item-content {
  padding-right: 25px;
}
.image-left .blog-item, .image-right .blog-item {
  flex-direction: column;
}
@media (min-width: 992px) {
  .image-left .blog-item, .image-right .blog-item {
    flex-direction: row;
  }
}

.article-info dd {
  padding: 0;
}

@supports (display: grid) {
  .blog-items {
    display: grid;
    margin: 0 0 1em;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-gap: 1em;
  }
  .blog-items .blog-item {
    padding: 0;
  }
  .blog-items[class^=columns-] > div, .blog-items[class*=" columns-"] > div {
    flex: 0 1 auto;
    width: auto;
    max-width: none;
  }
  @media (min-width: 992px) {
    .blog-items.columns-2 {
      grid-template-columns: 1fr 1fr;
    }
    .blog-items.columns-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .blog-items.columns-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }
}
.blog-items[class^=masonry-], .blog-items[class*=" masonry-"] {
  display: block;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
}
.blog-items[class^=masonry-] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
  display: inline-flex;
  margin-bottom: 1em;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
@media (min-width: 992px) {
  .blog-items.masonry-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .blog-items.masonry-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
  .blog-items.masonry-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}
.image-alternate .blog-item:nth-of-type(2n+1) .item-image {
  order: 0;
}
.image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image {
  margin-right: 0;
  margin-left: 25px;
  order: 1;
}
.image-alternate.image-top .blog-item:nth-of-type(2n+1) .item-image {
  order: 1;
}


/**** LEISTUNGEN ****/

.leistungen .bi {
  vertical-align: -.125em;
  fill: currentColor;
}



/*********************/
/*** ARTICLE STYLE ***/
/*********************/
.com-content-article figure.item-image {
  float: right;
}

/**************/
/*** FOOTER ***/
/**************/
#footer { background-color: #847C25; padding:75px 0; color: #FFF; font-size: 1.25rem !important; overflow: hidden; border-radius: 10px 10px 50px 10px; margin-bottom: 3rem;}
#footer p {line-height: 2rem;}
.start #footer {border-radius: 0px 0px 50px 10px;}
#footer .row .footer-col-1 { padding-right: 3rem; }
#footer .moduletable h3 { color:#FFF; text-transform:uppercase; border-bottom: 3px dotted #FFF; margin-bottom: 1.5rem; line-height: 3rem;}
#footer a { color: #FFF !important; text-decoration: none;}

#footer .modal-content a {color: #853B5B !important;}
#footer a.route {font-size: 2rem; text-transform: uppercase;}
#footer a.route:hover {text-decoration: none;}
/*#footer a.route::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f277"; padding-right: 5px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}*/
/*#footer a.route:hover {text-decoration: underline !important;}*/
#footer .footer-icon-link .icon { /*font-family: "Font Awesome 6 Free";*/font-weight: 900; font-size: 3.5rem; padding: 14px 0 14px 17px;}
#footer .footer-icon-link { width: 90px; height: 90px; border: solid 4px #FFF; border-radius: 10px; cursor: pointer; transition: all 600ms;}
#footer .footer-icon-link:hover { transition: all 600ms; background-color: #fff; color: #853B5B;}
#footer .footer-icons {height: 100%; padding-top: 3rem;}
#footer .footer-icons a:hover {color: #853B5B !important; background: none !important;}
#footer .footer-icons > div {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: center; height: 100%;}
#footer a.tel-sprechzeiten:hover  {text-decoration: underline;}

#copyright {width:100%; /*text-align:center;*/ margin-top: 5rem;}
#copyright p{ padding:0; margin:0;}

#footer-menu {width:100%; text-align:center; }
#footer-menu ul { display: flex; flex-wrap: wrap; justify-content:flex-start;}
#footer-menu ul li { padding: 0 20px; border-right: 1px solid #FFF;}
#footer-menu ul li:first-child { padding-left: 0;}
#footer-menu ul li:last-child { border: none;}
#footer-menu ul li a { font-size: 1.5rem; text-transform: uppercase;}
#footer .nav .current.active a { text-decoration: none;}
#footer .nav a, #footer .nav a:hover, #footer .nav a:visited { color:#FFF;}

#footer .separator {border-bottom: 3px dotted #FFF; margin: 3rem 0; position: relative;}
#footer .separator::before, #footer .separator::after {content: ""; width: 9600px; position: absolute; right: 100%; border-bottom: 3px dotted #FFF; }
#footer .separator::after { left: 100%;}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@media (max-width: 992px) {
	#footer-menu ul { justify-content:center;}
  #footer-menu ul li { padding: 0 10px; line-height: 120%; }
  #footer-menu ul li a { font-size: 1rem; }
  #copyright {margin-top: 3rem; text-align: center;}  
}



/* MEDIA QUERIES
**************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/
/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (max-width: 1200px) { /* Bug iPad*/
	.toggler-info { display:block; visibility:visible; }
}
@media (max-width: 768px) {
	h1 { font-size:2.5rem;}
	h2 { font-size:1.5rem;}
	.suns { font-size:100%;}
	#header { position: relative;}
	#header-top { display:none; visibility:hidden;}	
	.navbar { max-height: none;}
	#header .navbar-brand img { height:40px; margin:0 !important;}
	#header.sticky .navbar-brand img { height:40px;}	
	.sticky { position: absolute;}
	.navbar-light .navbar-nav .nav-link { font-size:16px !important;}
	.navbar-light .navbar-nav li { border-right: none;}	
	#language-collapse { display: inline-block; visibility: visible;}
	.site.ferienwohnungen #slideshow, .site.anreise #slideshow { padding-top:0;}
	#slideshow .moduletable.ferienwohnungen .portfolio-overlay .category {  font-size: 1rem; }
	#slideshow .moduletable.ferienwohnungen .portfolio-overlay .sun { font-size:75%;}
	#left { display:none; visibility:hidden;}
	#footer div.col-sm { /*border-bottom: 1px solid rgba(255, 255, 255, 0.7);*/ padding:25px 15px;}
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.top-menu-info { padding:0 10px;}
	#slideshow .moduletable.ferienwohnungen .portfolio-overlay .category {  margin-top: 55%; font-size: 1.5rem; }
	#slideshow .moduletable.ferienwohnungen .portfolio-overlay .description { display:none; visibility:hidden;}
  .footer-col-2 {margin-top: 3rem;} 
  .footer-col-3 {display: none;}  
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
	#search { display:none; visibility:hidden;}
	#language { border:none; float:right;}
	/*.navbar-light .navbar-nav .nav-link { font-size:12px;}*/
    .carousel-control-next-icon, .carousel-control-prev-icon { width: 40px; height: 40px;}
    #menu a.nav-link.hvr-underline-from-center.anfrage { padding-left: 15px; width: 100px;}
    #slideshow #show {margin-right: 0;}
}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}