/**
 * Theme Name: hostmyplace
 * Template:   hello-biz
 */

 body, html {
    padding-top: 0 !important;
    overflow-x: hidden !important;
 }

 .ehp-header.sticky-header { 
    background-color: var(--e-global-color-51d3d7f) !important;
 }

 .ehp-header__button-toggle {
    background: transparent !important;
    outline: none !important;
    border: 0 !important;
    box-shadow: none !important;
    appearance: none !important;
 }

 /*.ehp-header__button-toggle[aria-expanded="false"]:after {
    content: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYuNSAxMS45OTVjMC0xLjI0MiAxLjAwOC0yLjI1IDIuMjUtMi4yNXMyLjI1IDEuMDA4IDIuMjUgMi4yNS0xLjAwOCAyLjI1LTIuMjUgMi4yNS0yLjI1LTEuMDA4LTIuMjUtMi4yNXptLTYuNzUgMGMwLTEuMjQyIDEuMDA4LTIuMjUgMi4yNS0yLjI1czIuMjUgMS4wMDggMi4yNSAyLjI1LTEuMDA4IDIuMjUtMi4yNSAyLjI1LTIuMjUtMS4wMDgtMi4yNS0yLjI1em0tNi43NSAwYzAtMS4yNDIgMS4wMDgtMi4yNSAyLjI1LTIuMjVzMi4yNSAxLjAwOCAyLjI1IDIuMjUtMS4wMDggMi4yNS0yLjI1IDIuMjUtMi4yNS0xLjAwOC0yLjI1LTIuMjV6Ii8+PC9zdmc+");
    filter: invert(1);
 }

 .ehp-header__toggle-icon > svg {
    display: none !important;
 }*/

 /*.ehp-header__button-toggle[aria-expanded="true"]:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAxMS4yOTNsMTAuMjkzLTEwLjI5My43MDcuNzA3LTEwLjI5MyAxMC4yOTMgMTAuMjkzIDEwLjI5My0uNzA3LjcwNy0xMC4yOTMtMTAuMjkzLTEwLjI5MyAxMC4yOTMtLjcwNy0uNzA3IDEwLjI5My0xMC4yOTMtMTAuMjkzLTEwLjI5My43MDctLjcwNyAxMC4yOTMgMTAuMjkzeiIvPjwvc3ZnPg==");
    filter: invert(1);
 }*/

 .ehp-header__navigation {
    background-color: var(--e-global-color-51d3d7f) !important;
    display: none;
 }

 .ehp-header__navigation[aria-hidden="true"] {
    display: none;
 }

 .ehp-header__navigation[aria-hidden="false"] {
    display: block;
 }

 .heading-highlight {
    color: var(--e-global-color-secondary);
 }

 .heading-highlight-green {
    color: var(--e-global-color-51d3d7f);
 }

 .semi-bold {
    font-weight: 600;
 }
.price-box {
   padding-top: 0 !important;
}
.price-box h2 {
   margin-right: -80px !important;
}
.price-box h2::before {
   content: "";
   background-image: url('/wp-content/uploads/2025/02/hostmyplacelogo.png');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
   width: auto;
   height: 30px;
   display: block;
   margin-bottom: 0px;
   margin-left: -60px;
   margin-right: 80px;
}

.white-box {
    border-radius: 36px;
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.02), 0px 64.81px 46.85px 0px rgba(0, 0, 0, 0.02), 0px 38.52px 25.48px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 8.15px 6.52px 0px rgba(0, 0, 0, 0.01), 0px 1.85px 3.15px 0px rgba(0, 0, 0, 0.00);
    transition: 1s all;
    background: #FFFFFF;
}

.white-box.beige-box {
   background: #F7EAE3 !important;
   border: 1px solid rgba(0, 0, 0, 0.01);
}

.white-box .elementor-counter-title {
   text-align: center !important;
}

.white-box:not(.portfolio) {
    padding-top: 20px;
}

.white-box.portfolio h3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.white-box.portfolio .eae-popup-wrapper {
   position: absolute;
   width: 100%;
   height: 100%;
}

.white-box.portfolio .eae-popup-wrapper > a {
   width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    transition: 1s all; 
}

.white-box.portfolio .eae-popup-wrapper > a > span {
   font-size: 30px;
   transition: 1s all;
}

.white-box.portfolio:hover .eae-popup-wrapper > a > span {
  font-size: 50px;
}

.white-box.portfolio:hover img.elementor-animation-grow {
   transform: scale(1.2);
}

.white-box.portfolio span.white-box-location {
    color: var(--e-global-color-accent);
    font-weight: normal;
    text-align: right;
    word-break: normal;
    padding-left: 20px;
}

.white-box.portfolio .white-box-portfolio-image {
   height: 250px;
   max-height: 250px;
}

 .white-box:hover {
    background-color: var( --e-global-color-primary );
 }

 .white-box:not(.portfolio) .elementor-cta__bg.elementor-bg {
    width: 100%;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain !important;
    background-color: transparent;
    transform: none !important;
 }

 .white-box .elementor-cta__bg.elementor-bg + .elementor-cta__bg-overlay {
    display: none !important;
 }

 .mfp-container {
   padding-top: 20px !important;
   padding-bottom: 20px !important;
 }

 .mfp-container > .mfp-content {
   height: 100%;
 }

 .mfp-container > .mfp-content .elementor-swiper-button svg {
   background: transparent !important;
 }

 .mfp-container > .mfp-content .eae-popup-container {
   height: 100%;
   overflow-y: auto;
 }

.elementor-widget-text-editor p a {
   color: var( --e-global-color-51d3d7f );
}

.elementor-widget-text-editor p a:hover {
   color: var( --e-global-color-primary );
}

 .accordion-faq .e-n-accordion > details:nth-of-type(1) {
   display: none !important;
 }

 .elementor-cta--skin-classic .elementor-cta__content {
    background: transparent !important;
 }

 .ehp-header a.ehp-header__button.has-shape-default {
    border-radius: 5px !important;
 }

 .ehp-header .menu-item.current-menu-item .ehp-header__item:after {
   background-color: var(--header-pointer-hover-underline-color);
   bottom: -5px;
   content: "";
   height: var(--header-pointer-hover-underline-width);
   left: 0;
   position: absolute;
   width: 100%;
 }

 .home-carousel,
 .home-carousel .e-n-carousel {
    overflow: visible !important;
 }

 .home-carousel .swiper-slide {
    opacity: 1;
    transition: 0.5s opacity;
 }

 .home-carousel .swiper-slide[aria-hidden="true"] {
    opacity: 0;
 }

 .ehp-header__toggle-icon {
    width: 30px;
    height: 30px;
 }

 #contact-form-popup-root {
   width: 100%;
   font-family: 'Open Sans', sans-serif !important;
   max-width: 800px;
   margin: 0 auto;
   color: #14183E;
}

#contact-form-popup-root p > br {
   display: none;
}

#contact-form-popup-root label {
   margin-bottom: 10px;
   margin-top: 35px;
   display: block;
   font-weight: 400;
   color: #14183E;
}

#contact-form-popup-root input[type="text"],
#contact-form-popup-root input[type="email"],
#contact-form-popup-root select,
#contact-form-popup-root textarea {
   width: 100%;
   padding: 10px 15px;
   margin: 5px 0 20px 0;
   border: 1px solid #E6E6E6;
   border-radius: 3px;
   background: #F7EAE3;
   font-weight: 500;
   font-size: 1em;
   outline-offset: 0;
   transition: border-color 0.3s ease;
   margin: 0;
}

#contact-form-popup-root input[type="text"]:focus,
#contact-form-popup-root input[type="email"]:focus,
#contact-form-popup-root select:focus,
#contact-form-popup-root textarea:focus {
   outline: none;
   background: #fff;
}

#contact-form-popup-root .wpcf7-submit {
   background-color: #3C7272;
   color: white;
   border: none;
   border-radius: 10px;
   padding: 12px 30px;
   font-size: 1em;
   font-weight: 600;
   cursor: pointer;
   transition: background-color 0.3s ease;
   margin-top: 10px;
}

#contact-form-popup-root .wpcf7-submit:disabled {
   cursor: not-allowed !important;
   opacity: 0.5;
}

#contact-form-popup-root .wpcf7-submit:hover,
#contact-form-popup-root .wpcf7-submit:focus {
   background-color: #2b5050;
   outline: none;
}

#contact-form-popup-root .wpcf7-validation-errors,
#contact-form-popup-root .wpcf7-not-valid-tip {
   color: #b00020;
   font-size: 0.9em;
   margin-top: 5px;
   margin-bottom: 15px;
   display: block;
}

#contact-form-popup-root .wpcf7-response-output {
   /*display: none;*/
}

#contact-form-popup-root p span a {
   color: #3C7272;
}

#contact-form-popup-root p span a:hover {
   text-decoration: underline;
}

#contact-form-popup-root .wpcf7-response-output {
   font-weight: 500;
   font-size: 1em;
   margin-top: 50px;
   color: #14183E;
   border: 0;
   transition: opacity 0.3s ease;
}

/* Checkbox Styling */
#contact-form-popup-root .wpcf7-acceptance-container {
   display: flex;
   flex-direction: row;
   margin-bottom: 20px;
}

#contact-form-popup-root .wpcf7-acceptance > span {
   margin: 0;
}

#contact-form-popup-root .wpcf7-acceptance input[type="checkbox"] {
   display: none;
}
 
#contact-form-popup-root .wpcf7-acceptance input[type="checkbox"] + span {
   line-height: 20px;
}

#contact-form-popup-root .wpcf7-acceptance input[type="checkbox"] + span::before {
   position: relative;
   cursor: pointer;
   user-select: none;
   display: block;
   vertical-align: middle;
   width: 30px;
   height: 30px;
   border: 1px solid #E6E6E6;
   border-radius: 3px;
   background: #F7EAE3;
   content: "";
   margin-right: 10px;
   float: left;
 }
 
#contact-form-popup-root .wpcf7-acceptance input[type="checkbox"]:checked + span::before {
   content: "✔";
   background: #A4D4D4;
   border-color: #A4D4D4;
   font-size: 20px;
   text-align: center;
   line-height: 28px;
}
 
#contact-form-popup-root .wpcf7-radio {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 10px;
}

#contact-form-popup-root .visual-group {
   max-width: 500px;
}

#contact-form-popup-root .wpcf7-radio > span {
   margin-left: 0;
}

#contact-form-popup-root .wpcf7-radio label {
   margin-bottom: 0 !important;
}

#contact-form-popup-root .wpcf7-radio label {
   display: inline-block;
   margin: 0;
   cursor: pointer;
   user-select: none;
 }
 
#contact-form-popup-root .wpcf7-radio input[type="radio"] {
   display: none; /* Radio verstecken */
}
 
#contact-form-popup-root .wpcf7-radio label span {
   display: inline-block;
   padding: 15px 35px;
   border-radius: 10px;
   background-color: #F7EAE3;
   color: #14183E;
   font-weight: 500;
   font-size: 0.9em;
   transition: background-color 0.3s ease;
   text-align: center;
   min-width: 140px;
   margin-left: 0;
 }
 
#contact-form-popup-root .wpcf7-radio label:hover span {
   background-color: #A4D4D4;
}
 
#contact-form-popup-root .wpcf7-radio label input[type="radio"]:checked + span {
   background-color: #A4D4D4;
}

.codedropz-upload-inner h3 {
   font-size: 0.9em;
   font-weight: 600;
}

.codedropz-upload-inner h3 + span {
   font-size: 0.8em;
   font-weight: 400;
}

.codedropz-btn-wrap > a {
   display: inline-block;
   background: #F7EAE3;
   border-radius: 10px;
   color: #14183E !important;
   text-decoration: none !important;
   font-weight: 500;
   font-size: 0.9em;
   padding: 12px 30px;
   margin-top: 14px;
}

.codedropz-btn-wrap > a:hover {
   background-color: #A4D4D4;
}

.dnd-upload-status .dnd-upload-image {
   display: none;
}

.dnd-upload-status .dnd-upload-details {
   padding-left: 0;
   width: 100%;
}

.dnd-upload-status .dnd-upload-details .name,
.dnd-upload-status .dnd-upload-details .name em {
   color: #14183E;
}

.dnd-upload-status .dnd-upload-details .name em {
   font-weight: 600;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
   background: #A4D4D4;
   color: #14183E;
   font-size: 10px;
   font-weight: 600;
   padding-right: 3px;
}

.grecaptcha-badge {
   display: none !important;
}

/*.text-slider {
   width: 100%;
   max-width: 800px;
   margin: 40px auto;
   position: relative;
 }
 
 .text-slide {
   width: 100% !important;
   padding: 30px;
   background: #f9f9f9;
   border-radius: 12px;
   text-align: center;
   box-sizing: border-box;
   min-height: 100px;
 }
 
 .slick-slide {
   display: block !important;
   float: none !important;
 }
 
 .slick-dots {
   text-align: center;
   bottom: -30px;
 }*/
 
 .slick-dots button:hover,
 .slick-dots .slick-active button {
   background-color: #3C7272 !important;
 }

 .cky-consent-bar,
 .cky-modal {
   font-family: 'Open Sans' !important;
 }

 .cky-consent-bar p > a {
   color: rgb(60, 114, 114) !important;
 }

 .cky-consent-bar button,
 .cky-modal button {
   border-radius: 5px !important;
 }

@media only screen and (max-width: 767px) {
   #contact-form-popup-root .option-button {
       min-width: 100% !important;
   }
}

@media only screen and (max-width: 1250px) {
   .white-box.portfolio .white-box-portfolio-image {
      height: 200px !important;
      min-height: 200px !important;
   }
}

 @media only screen and (max-width: 1024px) {
    .ehp-header:not(.sticky-header) {
        background: transparent !important;
    }
    .ehp-header__ctas-container.has-responsive-width-default {
        align-items: center !important;
    }
    .ehp-header__navigation[aria-hidden="false"] {
         box-shadow: 0px 20px 15px 5px rgba(0, 0, 0, 0.1);
    }
    .white-box.portfolio .white-box-portfolio-image {
      height: 180px !important;
      min-height: 180px !important;
   }
 }

 @media only screen and (max-width: 767px) {
    .ehp-header {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .white-box.portfolio .white-box-portfolio-image {
      height: 160px !important;
      min-height: 160px !important;
   }
 }