/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

:root {
   --main_website_url: https://website.13346908.mymoodia.de/;
}

.vhi_project_listing_project_box:hover {
   cursor: pointer;
}
.vhi_project_filter_wrapper select:hover {
   cursor: pointer;
}

/* Project Listing */
.vhi_projects_listing_wrapper {
   width: 100%;
   padding: 0 0;
   margin: 0 0;
	display: -webkit-flex; /* Safari */		
	display: flex; /* Standard syntax */
   flex-wrap: wrap;
}
.vhi_project_listing_project_box {
   width: 30%;
   float: left;
   display: block;
   margin-right: 3%;
   flex-wrap: wrap;
}
.vhi_project_listing_project_box_img {
   width: 100%;
   height: 246px;
   border: 1px solid #ccc;
   background-position: center;
   background-size: cover;
}
.vhi_project_listing_project_box h3 {
   font-size: 25px;color: #5B5B5B;line-height: 35px;font-weight: 600;margin-bottom: 0;margin-top: 20px;
}
.vhi_project_listing_project_box h4 {
   font-size: 20px;color: #5B5B5B;line-height: 35px;font-weight: normal;margin-top: 0;margin-bottom: 80px;
}

@media (max-width: 1100px){
   .vhi_project_listing_project_box {
      width: 40% !important;
      margin-right: 10% !important;
   }
}
@media (max-width: 950px){
   .vhi_project_listing_project_box {
      width: 45% !important;
      margin-right: 5% !important;
   }
}
@media (max-width: 835px){
   .vhi_project_filter_wrapper .vhi_project_types_select,
   .vhi_project_filter_wrapper .vhi_project_features_select {
      width: 95%  !important;
      margin-bottom: 20px;
      font-size: 18px !important;
      line-height: 18px  !important;
      height: 50px;
   }
   .vhi_project_filter_wrapper .vhi_project_features_select {
      margin-bottom: 0px;
   }
}
@media (max-width: 650px){
   .vhi_project_listing_project_box {
      width: 100% !important;
      margin-right: 0% !important;
   }
   .vhi_project_listing_project_box h3 {
      font-size: 20px !important;
      line-height: 25px !important;
   }
   .vhi_project_listing_project_box h4 {
      font-size: 20px !important;
      line-height: 25px !important;
      margin-bottom: 40px !important;
   }
}


/* Project Detail */ 
.vhi_project_detail_wrapper {
   display: block;
   width: 100%;
   padding: 0 0;
   margin: 0 0;
}
.vhi_project_detail_box_left {
   width: 50%;
   float: left;
   margin: 0 0;
   padding: 0 0;
}
.vhi_project_detail_box_right {
   width: 35%;
   float: left;
   margin: 0 0;
   padding: 0 0;
}
.vhi_project_detail_box_center {
   width: 15%;
   float: left;
   margin: 0 0;
   padding: 0 0;
   display: block;
}
.vhi_project_detail_box_gallery {
   width: 100%;
   display: block;
   margin: 110px 0 0 0;
   padding: 0 0;
}
.vhi_project_detail_bredcrumb, .vhi_project_detail_bredcrumb a {
   font-size: 20px;
   line-height: 35px;
   color: #5B5B5B;
}
.vhi_project_detail_bredcrumb span {
   margin-left: 10px;
   margin-right: 10px;
}
.vhi_project_detail_bredcrumb {
   margin-top: 20px;
}
.vhi_project_detail_bredcrumb_detail {
   margin: 0 0 !important;
   text-decoration: underline; 
}
.vhi_project_detail_description_box {
   padding: 0 0;
   display: block;
   margin-top: 30px;
}
.vhi_project_detail_description_box h1 {
   font-size: 50px;
   font-weight: 600;
   line-height: 50px;
   margin-bottom: 30px;
   margin-top: 0px;
}
.vhi_project_detail_description_box p {
   font-size: 20px;
   line-height: 35px;
}
.vhi_project_detail_features_box {
   padding: 30px;
   background: #DFDFDF;
   margin-bottom: 20px;
   min-height: 370px;
}
.vhi_project_detail_features_box h3 {
   font-size: 25px;
   line-height: 45px;
   width: 100%;
   border-bottom: 1px solid #b3b3b3;
   padding-bottom: 10px;
   text-transform: uppercase;
   margin-top: 0;
   margin-bottom: 30px;
}
.vhi_project_detail_features_box ul {
   list-style: none;
   padding: 0;
   margin: 0 0px;
}
.vhi_project_detail_features_box li {
   font-size: 20px;
   line-height: 27px;
   margin-bottom: 20px;
   /*padding-left: 20px;*/
}
/*
.vhi_project_detail_features_box li::before {
   content: "\2022";
   color: #29538F;
   font-weight: bold;
   display: inline-block;
   width: 20px;
   margin-left: -20px;
   font-size: 31px;
   position: absolute;
}
*/
.vhi_project_detail_features_box li span {
   font-weight: 600;
   margin-right: 40px;
}
.vhi_project_detail_file_attachment_box {
   width: 100%;
   display: block;
}
.vhi_project_detail_file_attachment_box a {
   color: #fff;
   background: #29538F;
   font-size: 30px;
   line-height: 45px;
   padding: 10px 40px;
   width: 100%;
   display: block;
   text-align: center;
}
.vhi_project_detail_file_attachment_box a:hover {
   color: #fff;
}
.vhi_project_detail_file_attachment_box a span {
   background: url('../../../../../wp-content/uploads/2022/06/arrow_down.png');
   width: 22px;
   height: 27px;
   display: inline-block;
   background-size: 22px 22px;
   background-repeat: no-repeat;
   background-position: top center;
   border-bottom: 1px solid #fff;
   margin-right: 30px;
}
.vhi_project_detail_gallery_img {
   width: 30%;
   border: 1px solid #707070;
   float: left;
   margin-bottom: 40px;
}
.vhi_project_detail_gallery_img a {
   width: 100%;
   display: block;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   height: 250px;
}
.vhi_project_detail_gallery_img_sacer {
   width: 3.3%;
   margin: 0 0;
   padding: 0 0;
   display: block;
   float: left;
   width: 5%;
}

@media (max-width: 1244px){
   .vhi_project_detail_file_attachment_box a {
      font-size: 20px;
   }
   .vhi_project_detail_file_attachment_box a span {
      width: 11px;
      height: 18px;
      display: inline-block;
      background-size: 13px 13px;
      margin-right: 15px;
   }
}
@media (max-width: 1024px){
   .vhi_project_detail_box_center {
      display: none;
   }
   .vhi_project_detail_box_left {
      width: 100%;
      margin-bottom: 40px;
   }
   .vhi_project_detail_box_center {
      display: none;
   }
   .vhi_project_detail_box_right {
      width: 100%;
   }
   .vhi_project_detail_features_box {
      min-height: auto;
   }
}

@media (max-width: 1100px){
   .vhi_project_detail_gallery_img_sacer {
      display: none;
   }
   .vhi_project_detail_gallery_img {
      width: 40% !important;
      margin-right: 10% !important;
   }
}
@media (max-width: 950px){
   .vhi_project_detail_gallery_img {
      width: 45% !important;
      margin-right: 5% !important;
   }
}
@media (max-width: 770px){
   .vhi_project_detail_gallery_img {
      width: 100% !important;
      margin-right: 0% !important;

   }
   .vhi_project_detail_gallery_img a {
      height: 370px;
   }
   .vhi_project_detail_description_box h1 {
      font-size: 40px;
      line-height: 40px;
   }
   .vhi_project_detail_description_box p {
      font-size: 18px;
      line-height: 28px;
   }
   .vhi_project_detail_bredcrumb a, .vhi_project_detail_bredcrumb_detail {
      font-size: 16px;
      line-height: 24px;
   }
}
@media (max-width: 600px){
   .vhi_project_detail_gallery_img a {
      height: 324px;
   }
}
@media (max-width: 530px){
   .vhi_project_detail_description_box h1 {
      font-size: 30px;
      line-height: 30px;
   }
   .vhi_project_detail_description_box p {
      font-size: 14px;
      line-height: 28px;
   }
   .vhi_project_detail_bredcrumb a, .vhi_project_detail_bredcrumb_detail {
      font-size: 15px;
      line-height: 25px;
   }
   .vhi_project_detail_features_box h3 {
      font-size: 20px;
      line-height: 20px;
   }
   .vhi_project_detail_features_box ul li {
      font-size: 16px;
      line-height: 20px;
   }
}
@media (max-width: 460px){
   .vhi_project_detail_gallery_img a {
      height: 253px;
   }
}
@media (max-width: 410px){
   .vhi_project_detail_file_attachment_box a {
      font-size: 18px;
      padding: 10px 0;
   }
   .vhi_project_detail_file_attachment_box a span {
      margin-right: 10px;
   }
}


/* SLIDER */
.vhi_projects_slider_wrapper {
   height: 570px;
   width: 100%;
   padding: 0 0;
   margin: 0 0;
   position: relative;
}
.vhi_projects_slider_image_slides_container {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
}
.vhi_projects_slider_slide_container {
   height: 100%;
   display: block;
   position: relative;
}
.vhi_projects_slide {
   position: relative;
   height: 100%;
   float: left;
}
.vhi_projects_slider_image_slide {
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   float: left;
}

.vhi_projects_slider_text_slides_container {
   position: absolute;
   top: 0;
   /*left: 45%;*/
   left: 0;
   height: 100%;
   overflow: hidden;
}
.vhi_projects_slider_text_slide {
   background-image: url('../../../../../wp-content/uploads/2022/06/slider_weiss.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: left;
   height: 100%;
   float: left;
   padding-left: 288px;
   margin-left: 45%;
   padding-top: 30px;
   overflow: hidden;
}
.vhi_projects_slider_text_slide_title_container h3 {
   font-size: 35px;
   font-weight: normal;
   line-height: 45px;
}
.vhi_projects_slider_text_slide_title_container {
   background: url('../../../../../wp-content/uploads/2022/06/underline_blau.png');
   background-repeat: no-repeat;
   background-color: transparent;
   background-position: 0 53px;
   height: 60px;
   margin-bottom: 50px;
}
.vhi_projects_slider_text_slide_description_container {
   width: 100%;
   position: relative;
}
.vhi_projects_slider_text_slide_description_container p {
   position: absolute;
   font-size: 20px;
   line-height: 30px;
   font-weight: normal;
   background-image: url('../../../../../wp-content/uploads/2022/06/Pfad-29.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: left;
   left: -153px;
   padding-left: 152px;
   padding-right: 48%;
   padding-top: 70px;
   padding-bottom: 70px;
}
.project_slider_read_more_link {
   cursor: pointer;
   text-decoration: underline;
   font-size: 20px;
   line-height: 40px;
   color: #29538F;
}
.vhi_projects_slider_control_container {
   height: 50px;
   position: absolute;
   bottom: 0;
   padding-left: 287px;
   left: 45%;
}
.vhi_projects_slider_control_left {
   background-image: url('../../../../../wp-content/uploads/2022/06/slider_left_arrow.png'); 
   background-repeat: no-repeat;
   background-size: cover;
   background-position: left;
   width: 50px;
   height: 50px;
   float: left;
   margin-right: 50px;
   cursor: pointer;
}
.vhi_projects_slider_control_right {
   background-image: url('../../../../../wp-content/uploads/2022/06/slider_right_arrow.png'); 
   background-repeat: no-repeat;
   background-size: cover;
   background-position: left;
   width: 50px;
   height: 50px;
   float: left;
   cursor: pointer;
}
@media (max-width: 1600px){
   .vhi_projects_slider_text_slide_description_container p {
      left: -176px;
      padding-left: 170px;
      padding-right: 40%;
   }
}
@media (max-width: 1260px){
   .vhi_projects_slider_wrapper {
      height: auto !important;
   }
   .vhi_projects_slider_image_slides_container {
      position: static;
      height: 400px;
   }
   .vhi_projects_slider_image_slide {
      width: 100% !important;
   }
   .vhi_projects_slider_text_slides_container {
      position: static;
   }
   .vhi_projects_slider_text_slide {
      margin: 0 0;
      width: 100% !important;
      padding: 20px 50px;
      background: #fff;
      height: auto;
   }
   .vhi_projects_slider_text_slide_title_container {
      margin-bottom: 25px;
   }
   .vhi_projects_slider_text_slide_title_container h3 {
      font-size: 30px;
      font-weight: normal;
      line-height: 40px;
   }
   .vhi_projects_slider_text_slide_description_container p {
      position: static;
      background: #ebebeb;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 40px;
      padding-bottom: 40px;
      left: 0;
      font-size: 18px;
      line-height: 28px;
   }
   .project_slider_read_more_link  {
      font-size: 18px;
      line-height: 28px;
   }
   .vhi_projects_slider_control_container {
      padding-left: 0px;
      right: auto;
      bottom: -24px;
      left: auto;
      z-index: 100;
      margin: 0 auto;
      width: 153px;
      text-align: center;
      left: calc(50% - 67.5px);
   }
}
@media (max-width: 650px){
   .vhi_projects_slider_image_slides_container {
      height: 200px !important;
   }
   .vhi_projects_slider_text_slide {
      padding: 10px 20px;
   }
   .vhi_projects_slider_text_slide_title_container {
      background-position: 0px 42px;
      height: 49px;
      margin-bottom: 25px;
   }
   .vhi_projects_slider_text_slide_title_container h3 {
      font-size: 26px;
      font-weight: normal;
      line-height: 36px;
   }
   .vhi_projects_slider_text_slide_description_container p {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 30px;
      padding-bottom: 30px;
      font-size: 16px;
      line-height: 26px;
   }
   .project_slider_read_more_link {
      font-size: 16px;
      line-height: 26px;
   }
   .vhi_projects_slider_control_container {
      width: 92px;
      bottom: -36px;
      left: calc(50% - 46px);
      bottom: -36px;
   }
   .vhi_projects_slider_control_left {
      background-position: center center;
      width: 30px;
      height: 30px;
      margin-right: 30px;
   }
   .vhi_projects_slider_control_right {
      background-position: center center;
      width: 30px;
      height: 30px;
   }
}