/** * Theme Name: Astra Child * Author: Brainstorm Force * Template: astra * Text Domain: astra-child * Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website! */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto+Slab:wght@100..900&display=swap'); @import url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css'); a:focus { outline: none; } #cke_notifications_area_description_detail { display: none; } b, strong { font-weight: 600; } #menu-item-118, #menu-item-1633 { display: none !important; } .logged-in .custom-login { display: none !important;} .custom-mein-monto { display: none !important;} .logged-in .custom-mein-monto { display: block !important;} .right_menu_one { display: flex; flex-direction: unset !important; gap: 10px; justify-content: flex-end; align-items: center;} .right_menu_one .last_menu { margin: 0; display: flex; gap: 10px; list-style: none;} .right_menu_one .custom-login a, .right_menu_one .custom-mein-monto a, .dropbtn{background: #1E456C !important; color: #fff !important; font-size: 18px !important; border-radius: 3px;} .right_menu_one .custom-login a:hover, .right_menu_one .custom-login a:focus, .right_menu_one .custom-mein-monto a:hover, .right_menu_one .custom-mein-monto a:focus, .dropbtn:hover, .dropbtn:focus{background: #36AFD8 !important; color: #fff !important;} .custom-login a img, .custom-mein-monto a img { margin-right: 10px;} .right_menu_one .current-menu-item a { color: #00a9d1 !important; } .right_menu_one .custom-login .current-menu-item a { color: #fff !important; } .right_menu_one .last_menu a { padding: 10px 23px; font-size: 16px !important;} .lightboxOverlay{z-index: 999999 !important;} .lightbox{z-index: 9999991 !important;} .time-slots { display: flex !important; gap: 10px; flex-wrap: wrap; align-items: center;} body form .wppb-form-field .time-slots label { width: auto !important; padding-left: 0px !important; flex: unset !important;} body .login_form form .wppb-form-field .time-slots input { padding: 2px 10px !important; font-size: 14px !important; border-radius: 4px; position: relative !important; box-shadow: none; border: 1px solid #ccc; min-width: 90px !important;} body .time-slots label, body .time-slots input { flex: 0 0 36% !important; max-width: 39% !important; font-size: 13px !important; } body .time-slots label{ cursor: pointer;} body .profiel_right .time-slots { display: flex !important; gap: 10px; flex-wrap: wrap; align-items: center; /*flex: 0 0 100%;*/; margin: 0px !important; margin-left: auto !important; flex: 0 0 85%; justify-content: flex-end;} body .profiel_right .time-slots > span { font-size: 14px; margin: 5px !important; font-weight: 600;} body .profiel_right form .time-slots .time-slot{ margin: 0 !important;} body .profiel_right form .time-slots label { width: auto !important; padding-left: 0px !important; flex: unset !important; margin-right: 10px;} body .profiel_right .time-slots input { padding: 2px 5px !important; font-size: 14px !important; border-radius: 4px; position: relative !important; box-shadow: none; border: 1px solid #ccc; min-width: 95px !important; margin-right: 10px;} body .time-slots label, body .time-slots input { flex: 0 0 36% !important; max-width: 39% !important; font-size: 13px !important; } body .time-slots label{ cursor: pointer;} body #wppb-form-element-27 li { flex-wrap: wrap;} body #wppb-form-element-27 li .wppb-rc-value { width: auto !important; cursor: pointer;} html { margin: 0 !important;} body{font-family: "Source Sans 3", Sans-serif; padding-top: 65px;} body h2, .entry-content h2 { font-size: 46px; font-size: 2.6666666666667rem; font-weight: 400; font-family: 'Source Sans 3',sans-serif; line-height: 1.3em;} body.elementor-kit-10 a { color: #1e456c; cursor: pointer;} .header { background: #fff; box-shadow: 0 0 7px rgba(0,0,0,.1) !important;} header{ z-index: 99999 !important;} header .e-con-inner > div { padding: 0;} header nav li a { font-size: 16px; font-family: "Source Sans 3", Sans-serif; font-weight: 400 !important; color: #000 !important;} header nav li a:hover, header nav li a:focus { color: #1E456C !important;} header nav li.custom-login a, header nav li.custom-mein-monto a/*, header nav li:last-child a*/{background: #1E456C !important; color: #fff !important; font-size: 18px !important; border-radius: 3px;} header nav li.custom-login a:hover, header nav li.custom-login a:focus, header nav li#menu-item-118 a:hover, header nav li#menu-item-118 a:focus, header nav li.custom-mein-monto a:hover, header nav li.custom-mein-monto a:focus{background: #36AFD8 !important; color: #fff !important;} header nav li.custom-login a img, header nav li:last-child a img, header nav li.custom-mein-monto a img { margin-right: 10px;} header nav ul li { margin-left: 20px !important;} header nav ul li.current-menu-item a { color: #00a9d1 !important; } header nav ul li.custom-login.current-menu-item a, header nav li.custom-mein-monto.current-menu-item a { color: #fff !important; } .header .e-con-inner { align-items: center !important;} .error404 .site-content > .ast-container { max-width: 1280px !important;} .banner_section .e-con-inner{ min-height: 560px; display: flex; align-items: center !important; justify-content: center !important;} .banner_section .e-con-inner img { min-width: 512px; margin-bottom: -80px; margin-left: -10px;} .custom-search {position: relative;/* width: 500px; */margin: -10px auto 30px auto;display: flex;align-items: center;background: #ffffff;padding: 15px;gap: 15px;border-radius: 7px;} .custom-search-input {width: 100%;padding-right: 100% !important;box-sizing: border-box;min-height: 45px;border-radius: 5px !important;border: 1px solid #fff !important;width: 100% !important;!i;!;} .custom-search-botton {position: static;background: #36AFD8;padding: 10px 30px;border-radius: 5px;font-size: 16px;font-family: "Source Sans 3", Sans-serif;font-weight: 400;color: #fff;white-space: nowrap;height: 46px;} .custom-search-botton:hover, .custom-search-botton:focus { background: #1E456C; color: #fff;} .custom-search .select2 .selection .select2-selection { background-color: #fff; border: 1px solid #f0f0f0; border-radius: 4px; width: 100% !important; font-size: 15px; padding: 7px 0px; height: 45px; } .custom-search .select2 .selection .select2-selection b { margin-top: 5px;} .custom-search .select2-selection--single{ position: relative;} .custom-search.select2-search__field, #select2-search_home_post_address-results li { font-size: 14px;} .custom-search .select2 { width: 100% !important; z-index: 9;} .custom-search .select2-container--default .select2-selection--single .select2-selection__arrow {right: 0;} .custom-search.two_custom .select2-container--default .select2-selection--single .select2-selection__arrow { right: 1px; } .custom-search .select2-selection__clear { right: 0px; /* right: 152px; */ margin-top: 1px; } .custom-search.two_custom .select2-selection__clear{ right: 1px; margin-top: 0px;} .subscript_banner form { display: flex; position: relative; max-width: 500px; flex-wrap: wrap;} .subscript_banner form p { width: 100%; flex: 0 0 100%; margin-bottom: 0;} .subscript_banner form input[type=submit] { position: absolute; right: 1px; top: 1px; bottom: 2px; line-height: 1 !important; z-index: 4; background: #36AFD8; padding: 10px 30px; border-radius: 5px; font-size: 16px; font-family: "Source Sans 3", Sans-serif; font-weight: 400; color: #fff; height: 38px;} .subscript_banner form input[type="submit"]:hover, .subscript_banner form input[type="submit"]:focus { background: #1e456c;} .subscript_banner form .wpcf7-response-output { flex: 0 0 100%; color: #ff5e5e; padding: 3px 10px !important; text-align: center;} .subscript_banner .wpcf7-spinner { display: none;} .subscript_banner form p br { display: none;} .services_home .e-con-inner > div { justify-content: center;} .services_right .elementor-widget-image { box-shadow: 0 0 30px rgba(0,0,0,.09) !important; border-radius: 7px; padding: 20px 20px; pointer-events: none;} .services_right .elementor-widget-image figure.wp-caption a { pointer-events: visible;} .services_right .elementor-widget-image figcaption { font-size: 16px; color: #000; margin-top: 20px; margin-bottom: 0;} /* .services_right .elementor-widget-image:hover { cursor: pointer;} */ .how_does h2, .custom_heading h2 { color: #000 !important;margin-bottom: -10px !important;} .how_does h2 strong, .custom_heading h2 strong { color: #31516D; font-weight: 700; font-size: 46px; font-family: "Roboto Slab", serif;} .how_does h2 strong span, .custom_heading h2 strong span { color: #62A6D1;} .how_does iframe { max-width: 950px; margin: 10px auto; border-radius: 10px;} .counter_section { padding: 60px 0 0px 0;} .counter_section .e-con-inner { background: #fff; margin-top: -25px; padding: 40px 10px 40px 10px; border-radius: 60px 60px 0px 0px;} .angebot_section ol { margin: 0; padding-left: 120px; position: relative; counter-reset: section; margin-left: -70px;} .angebot_section ol li { min-height: 150px; display: flex; justify-content: center; flex-direction: column; /*counter-reset: subsection;*/ } .angebot_section ol li:before { left: 0; font-family: "Source Sans 3", Sans-serif;/* content: counter(counters); */ /*counter-increment: subsection; content: counter(section) counter(subsection) " ";*/ background: #fff; width: 100px; height: 100px; display: inline-block; position: absolute; border-radius: 80px; box-shadow: 0 0 30px rgba(0,0,0,.09) !important; text-align: center; padding: 10px; font-size: 46px; color: #1E456C; counter-increment: section; content: "0" counter(section) "";} .angebot_section ol li p { margin: 0; color: #000; font-size: 18px; font-weight: 400;} .angebot_section ol li h6 { font-size: 23px; font-weight: 400; color: #000;} .angebot_section .elementor-widget-container { align-items: center; display: flex;} .angebot_section .elementor-widget-text-editor { width: 100%; margin-left: -80px;} .testo_section .wpmslider-wrapper { min-height: 350px;} .testo_section .elementor-widget-strong_testimonials_elementor_views { background: #fff; /*min-height: 250px;*/ padding: 40px 50px 20px 50px; border-radius: 60px 60px 0px 0px; margin-bottom: -60px;} .testo_section .t-slide, .testo_section .testimonial-inner{ border: 0px !important;;} .testo_section > .e-con-inner { padding-bottom: 0;} .testo_section .wpmtst-default.controls-type-sides .wpmtst-testimonial-inner{justify-content: center; align-items: center; display: flex; flex-direction: column;} .testo_section .wpmslider-controls a { background: white; width: 70px !important; height: 70px !important; display: inline-block; padding: 20px; border-radius: 100px; box-shadow: 0 0 30px rgba(0,0,0,.09) !important; color: #1E456C !important;} .testo_section .wpmslider-controls a.wpmslider-next { right: -80px !important;} .testo_section .wpmslider-controls a.wpmslider-prev { left: -80px !important;} .testo_section .wpmslider-controls a:before { background: #1E456C !important;} .testo_section .elementor-widget-heading p a { text-decoration: underline;} .testimonial-content { order: 3;} .testimonial-heading { order: 3; font-size: 18px; background: none !important; padding: 0 !important;} .testimonial-field { order: 1;} .testimonial-name { order: 2; font-size: 28px; color: #000;} .strong-rating-wrapper .star svg { width: 35px !important;} .strong-rating-wrapper { margin-bottom: 20px;} .testimonial-name span { display: block; text-align: center; font-size: 18px; margin-bottom: 20px;} .testimonial-content p { color: #000; font-style: italic; text-align: center;} .testimonial-content p a { min-width:200px; font-style: normal; font-size: 16px; color: #1E456C; padding: 10px; display: inline-block; border: 1px solid #1E456C; padding: 7px 30px; border-radius: 6px; margin: 0 auto;} .testimonial-content p a:hover, .testimonial-content p a:focus { background: #1E456C; color: #fff;} .post_section .post-grid-inner { height:100%; background: #fff; border-radius: 10px; overflow: hidden; position: relative;/*! box-shadow: 5px 6px 3px rgba(0,0,0,1) !important; border: 1px solid rgba(0,0,0,.1);*/} .post_section article { border-radius: 10px !important; box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1), 0 0px 28px 0 rgba(0, 0, 0, 0.10);} .post_section .post-grid-inner img, .post_section .post-grid-inner a { width: 100%;} .post_section .post-grid-inner .post-grid-thumbnail { margin-bottom: 0px; max-height: 210px; overflow: hidden; align-items: center; justify-content: center; display: flex;} .post_section .post-grid-inner .post-grid-meta { margin-bottom: 30px; background: #E6E6E6; padding: 10px 20px 6px 20px; font-size: 12px; font-style: italic; width: calc(100% - -40px); margin-left: -20px;} .post_section .post-grid-inner .post-grid-meta .post-categories { position: absolute; background: #D4EEF9; top: 20px; left: 20px; padding: 4px 10px; font-size: 12px; border-radius: 5px; color: #000 !important; right: 20px;} .post_section .post-grid-inner .post-grid-meta .post-categories:before { display: none;} .post_section .post-grid-inner .post-grid-meta .post-categories a { color: #000 !important; pointer-events: none;} .post_section .post-grid-inner .post-grid-text-wrap { padding: 0px 20px 6px 20px; height: calc(100% - 210px); display: flex; flex-direction: column;} .post_section .post-grid-inner .title, .post_section .post-grid-inner .title a { font-size: 21px; font-weight: 500 !important; color:#000 !important; margin-bottom: 0 !important;} .post_section .post-grid-inner .title a:hover, .post_section .post-grid-inner .title a:focus { color: #1e456c !important;} .post_section .post-grid-inner p { font-size: 16px; color: #000000a6 !important; margin-bottom: 10px;} .post_section .post-grid-inner .read-more-btn { margin-top:auto; font-size: 16px; font-weight: 500 !important; color: #36AFD8 !important; margin-bottom: 20px;} .post_section .post-grid-inner .read-more-btn:hover, .post_section .post-grid-inner .read-more-btn:focus{color: #1E456C !important } .categori_heading h2 { margin-bottom: -20px !important;} .categori_heading p { margin-bottom: -15px !important;} .categori_list li a, .categori_list li a span{ font-size: 18px !important; color: #787878 !important;} .categori_list li a span:hover, .categori_list li a span:focus { color: #1e456c !important;} .categori_list li, .customm_list li { margin-bottom: 3px !important; padding-left: 20px !important; position: relative; list-style: none;} .categori_list ul, .customm_list ul{ margin-bottom: 25px !important;} .categori_list li:before, .customm_list li:before { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #555; border-bottom: 5px solid transparent; position: absolute; left: -5px;} .customm_list li::before { margin-top: 9px; } .finden_section h2 strong { font-size: 53px;} .finden_section a { font-size: 21px !important; padding: 25px 70px !important;} .accordina_section { max-width: 863px !important; margin: 0 auto;width: 863px !important;} .accordina_section .e-n-accordion-item-title-header div{font-size: 18px !important;color: #000; line-height:23px;} .accordina_section details p { font-size: 14px !important; color: #000; line-height:21px;} /* .accordina_section details { padding: 10px 0; margin-bottom: 0 !important;} */ .accordina_section details summary { justify-content: space-between !important; padding: 10px 30px !important; border-color: #000 !important;} .accordina_section details > div { border-color: #000 !important; margin-top: -1px; border-top-color: #ccc !important;} .accordina_section details > div .elementor-widget-heading { padding: 20px 35px 20px 20px;} #ast-scroll-top { background-color: #1E456C; font-size: 19px; border-radius: 40px;} .footer_info { margin-left: 15px; padding-left: 10px; list-style: none;} .footer_info li { position: relative; font-family: "Source Sans 3", Sans-serif; font-size: 15px; font-weight: 400; color: var( --e-global-color-secondary ); padding-right: 10px; margin-bottom: 10px;} .footer_info li i { position: absolute; left: -25px; margin-top: 4px; color: #1E456C;} footer li a { color: var( --e-global-color-secondary );} footer li a:hover, footer li a span:hover, footer li a:focus, footer li a span:focus { color: #1e456c !important;} footer li a { color: #54595F !important;} /* BLOG LISTING PAGE */ .{} .blog_listing .custom-post-grid { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 50px;} .blog_listing { padding: 70px 0;} .post-item { overflow:hidden; flex: 0 0 calc(33.3% - 14px); position: relative; border-radius: 10px !important; box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1), 0 0px 28px 0 rgba(0, 0, 0, 0.10);} .blog_listing .custom-post-grid .post-item h3 { font-weight:500; font-size: 1.3333333333333rem; font-family: 'Source Sans 3',sans-serif; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 55px; text-align: left;} .blog_listing .custom-post-grid a{padding: 0;} .blog_listing .custom-post-grid .post-item{display: flex; flex-direction: column;} .blog_listing .post-thumbnail { min-height: 210px; max-height: 210px; overflow: hidden;} .blog_listing .post-category { position: absolute; background: #D4EEF9; top: 20px; left: 20px; padding: 4px 10px; font-size: 12px; border-radius: 5px; color: #000 !important; font-style: italic;} .blog_listing .post-date { margin-bottom: 10px; background: #E6E6E6; padding: 10px 20px 6px 20px; font-size: 12px; font-style: italic; width: calc(100% - 0px); margin-left: 0; text-align: left;} .blog_listing .post-date span {padding: 0;} .blog_listing .content { padding: 20px; flex-direction: column; text-align: left; height: 100%;} .blog_listing .content .post-excerpt { font-size: 16px; color: #000000a6 !important; margin-bottom: 10px; line-height: 23px; text-align: left;} .blog_listing .content .post-excerpt p{ margin-bottom: 0;} .blog_listing .content .read-more-btn { margin-top: auto; font-size: 16px; font-weight: 500 !important; color: #36AFD8 !important; margin-bottom: 5px;} .pagination { text-align: center;} .pagination span, .pagination a { padding: 5px 12px; border-radius: 40px;} .pagination .current { background: #02aad6; color: #fff;} /* LOGIN SCREEN */ .login_form .e-con-inner{max-width: 670px; margin: 0 auto; } .login_form form { margin-top:30px; padding: 30px; border-radius: 10px; border-radius: 10px !important; box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1), 0 0px 28px 0 rgba(0, 0, 0, 0.10); margin-bottom: 30px;} .login-register-lost-password { text-align: center; font-size: 16px; margin-bottom: 40px !important;} .login_form form .wppb-form-field label, .login_form form .wppb-form-field input { display: block; width:100% !important; font-size: 15px; font-weight: 400; margin-bottom: 6px;} .login_form form .login-remember { text-align: left;} .login_form form .login-remember input { width: auto !important;} .login_form form .button { background: #1E456C !important; color: #fff !important; font-size: 18px !important; border-radius: 7px; padding: 14px 30px; font-weight: 400; min-width: 120px;} .login_form h2 { font-weight: 400;} .login_form form select{ width:100%; border: 1px solid #ccc; border-radius: 3px; font-size:15px;} .login_form form select option{font-size:15px;} .login_form.resister_custom{} .login_form.resister_custom form ul li.wppb-select2{flex-direction: column;display: flex;align-items: center;justify-content: center;} .login_form.resister_custom form ul li.wppb-select2 #city, .login_form.resister_custom form ul li.wppb-select2 .select2 { width: 100% !important; margin: 0;} .login_form.resister_custom ul li.wppb-checkbox ul { width: 100%; display: flex;} .login_form.resister_custom ul li.wppb-checkbox ul li { flex: 0 0 calc(33.3% - 7px); display: inline-block;} .login_form.resister_custom ul li.wppb-checkbox ul li label { flex: 0 0 280px;} .login_form.resister_custom ul li.wppb-checkbox ul li.wppb-hidden { display: none;} .login_form.resister_custom ul li.wppb-checkbox ul li input { width: 40px !important; position: absolute; margin-top: 0px !important;} .login_form.resister_custom ul li.wppb-checkbox ul li label { width: 100% !important; padding-left: 30px; cursor: pointer;} .login_form.resister_custom form ul li input, .login_form.resister_custom form ul li textarea { padding: 10px !important; font-size: 15px !important; } body .login_form.resister_custom form ul li input[type=radio], body .login_form.resister_custom form ul li input[type=checkbox]{ padding: 0px !important; max-width: 20px !important; } .login_form.resister_custom .wppb-form-field.wppb-select-user-role { margin-bottom: 0px; } #wppb-register-user ul { gap: 20px;} #wppb-register-user .form_group, #wppb-register-user .form_group.address { flex: 0 0 calc(50% - 10px); margin: 0 0 0px 0;} #wppb-register-user .form_group.wppb-default-name-heading, #wppb-register-user .form_group.wppb-default-contact-info-heading { flex: 0 0 calc(100% - 0px); background: transparent; border-bottom: 1px solid #ccc; border-top: 0px; padding-bottom: 10px;} #wppb-register-user .form_group.select_role, #wppb-register-user .form_group.description_detail, #wppb-register-user .form_group.user_name, #wppb-register-user .form_group.profile_image, #wppb-register-user .form_group.specializations { flex: 0 0 calc(100% - 0px);} /* -------------------- CONTACT FORM -------------------- */ .line_form form label, .line_form form input { display: block; width:100% !important; font-size: 15px; font-weight: 400; margin-bottom: 6px;} /* .line_form form .login-remember { text-align: left;} */ .line_form form input, .line_form form textarea { width: 100% !important; color: #666; border: 1px solid #ccc; border-radius: 3px; margin-top:10px;} .line_form form input[type=submit] { background: #1E456C !important; color: #fff !important; font-size: 18px !important; border-radius: 7px; padding: 14px 30px; font-weight: 400; max-width: 140px;} .line_form .wpcf7-spinner { margin-left: 20px; margin-top: 20px; } .wpcf7-response-output .error-response { display: none; } .line_form form input[type=submit]:hover, .line_form form input[type=submit]:focus{ border-color:transparent;} .line_form form .wpcf7-acceptance.optional input { width: auto !important;} .line_form form .wpcf7-acceptance.optional .wpcf7-list-item{margin: 0 !important;} .line_form form textarea { max-height: 120px;} .line_form form p { display: flex;} .line_form form p > span.wpcf7-form-control-wrap { /*width: 50px;*/ padding-right: 10px;} .line_form form p { font-size: 14px; line-height: 19px; } .line_form form[data-status="invalid"] .wpcf7-response-output { display: none;} .contact_form .wpcf7-list-item { padding: 0 !important; margin: 0;} .contact_form .wpcf7-list-item input { width: 15px !important;} .contact_form .wpcf7-list-item label span { display: flex; margin-top: -7px;} .contact_form .wpcf7-list-item label { display: flex; gap: 10px;} /* REGISTER PAGE */ .login_form form ul { display: flex; flex-wrap: wrap; } .login_form form ul li { flex: 0 0 calc(100%);} .login_form form ul li.wppb-select-user-role, .login_form form ul li.wppb-default-name-heading, .login_form form ul li.wppb-default-contact-info-heading, .login_form form ul li.wppb-textarea, .login_form form ul li.wppb-input{ flex: 0 0 100%;} .login_form form ul li.wppb-textarea textarea{ width:100%;max-height: 100px;} .login_form form .wppb-send-credentials-checkbox input { width: auto !important; display: inline-block;} .login_form form .wppb-send-credentials-checkbox label{ display: flex !important;max-width: auto !important;} .login_form form .wppb-avatar #upload_profile_image_button { padding: 6px 30px; width: 100%; text-align: center; border-radius: 5px;} .login_form form .wppb-form-error { font-size: 13px !important;} /* .login_form form ul li.wppb-default-name-heading, */ .login_form form ul li.wppb-default-contact-info-heading, .profile_form .wppb-form-field.wppb-heading, .resister_custom .wppb-default-name-heading, .resister_custom .wppb-form-field.wppb-heading, .resister_custom .wppb-subscription-plans, .resister_custom .pms-section-credit-card-information { border-top:1px solid #ccc; padding-top:15px; margin-top: 20px;} .login_form form .wppb-subscription-plans { display: flex; gap: 20px; flex-wrap: wrap;} .login_form form .wppb-subscription-plans h4 { flex: 0 0 100%; margin-bottom: -20px;} .login_form form .wppb-subscription-plans > span { flex: 0 0 100%;} .login_form form .wppb-subscription-plans .pms-subscription-plan { flex: 0 0 calc(50% - 23px); border: 1px solid #eaeaea; padding: 20px; border-radius: 5px; text-align: center; justify-content: flex-start; display: flex; min-height: 130px; flex-direction: column;} .login_form form .wppb-subscription-plans .pms-subscription-plan div, .login_form form .pms-subscription-plan-auto-renew div { margin: 0; padding: 0;} .login_form form .wppb-subscription-plans .pms-subscription-plan input, body .login_form form .pms-subscription-plan-auto-renew input { margin-bottom: 10px !important; display: block;} .pms-subscription-plan-auto-renew label input[type="checkbox"], .wppb-form-field.wppb-subscription-plans .pms-subscription-plan-auto-renew label input[type="checkbox"] { margin-bottom: 10px !important;} .login_form form .pms-subscription-plan-auto-renew label { margin-bottom: 0 !important; display:flex;} /* .login_form form .pms-subscription-plan-auto-renew { max-height: 137px;} */ .login_form form .pms-subscription-plan-auto-renew { width: 100%;} .login_form form .pms-subscription-plan-auto-renew label input { width: auto !important;} .login_form .pms-credit-card-information { width: 100%;} .login_form .StripeElement { width: 100%; max-width: 100% !important;} /* .profile_form #select_user_to_edit_form .select2-selection__rendered { position: absolute; margin-top: 8px;} .profile_form #select_user_to_edit_form span { font-size: 15px; margin-left: 0 !important; margin-top: 30px;} .profile_form .select2-selection__arrow { margin-top: 7px !important; } .profile_form .wppb-edit-user ul li:first-child { display: none; } .resister_custom .select2-container--default .select2-selection--single { height: 37px !important; } .resister_custom .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 35px; font-size: 15px;} .wppb-form-field label{float: none !important;} .profile_form #select_user_to_edit_form { display: none; } */ /* .profile_form #wppb-form-element-29 { position: relative;} .profile_form #wppb-form-element-29:after { content: "Upload"; background: #1e456c; color: #fff; font-size: 18px; padding: 4px 10px; border-radius: 3px; text-align: center; pointer-events: none; margin-top: -48px;} .profile_form #wppb-form-element-29 #gallery_images { opacity: 0;} .profile_form #wppb-form-element-gallery-previews .message-box { width: 100%; } */ .wppb-form-field label{float: none !important;} /* #wppb-edit-user .select2-selection__rendered { position: absolute; margin-top: 8px;} */ #wppb-edit-user #select_user_to_edit_form span { font-size: 15px; margin-left: 0 !important; margin-top: 30px;} #wppb-edit-user .select2-selection__arrow { margin-top: 7px !important; } #wppb-edit-user .select2-container--default .select2-selection--single { height: 41px !important; color: #666; border: 1px solid #ccc; border-radius: 3px; margin-top: -2px; } #wppb-edit-user .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 20px; font-size: 15px;} #wppb-edit-user ul .form_group.specializations { display: flex; flex-direction: column; width: 100%;} #wppb-edit-user ul .form_group.specializations .custom_field_select2 { width: 100% !important; float: none; position: relative !important; margin: 0 !important; padding: 0 !important;} #wppb-edit-user ul .form_group.specializations .select2 { width: 100% !important; margin: 0; z-index: 9 !important;} .select2-results__option { font-size: 14px; } #wppb-edit-user label{ font-weight: 400 !important; margin-bottom:3px; width: 100%; } #wppb-edit-user select { border: 1px solid #ccc; width: 100% !important; font-size: 15px !important; padding: 7px 10px !important;} #wppb-edit-user select option { font-size: 14px !important;} .error { text-align: left; width: 100%; margin: 0 !important;} input[type="text"], input[type="email"], input[type="password"], textarea, select{ border: 1px solid #ccc; width: 100% !important; font-size: 15px !important; padding: 7px 10px !important; font-size: 15px !important; } textarea { font-size: 15px !important; padding:7px 10px !important; width: 100% !important;} #wppb-edit-user .form_group.select_role { display: none;} #wppb-edit-user ul { display: flex; flex-wrap: wrap; gap: 20px;} #wppb-edit-user ul .form_group.select_role, #wppb-edit-user ul .form_group.address, #wppb-edit-user ul .form_group.description_detail, #wppb-edit-user ul .form_group.operational_days , #wppb-edit-user ul .form_group.Galeriebilder, #wppb-edit-user ul .form_group.gallery_images, #wppb-edit-user ul .form_group.Betriebstage { flex: 0 0 100%;} #wppb-edit-user ul .form_group.description_detail label{ float: none;} #wppb-edit-user ul .form_group { flex: 0 0 calc(33.3% - 14px);} #wppb-edit-user ul .form_group.wppb-default-name-heading, #wppb-edit-user ul .form_group.wppb-default-contact-info-heading, #wppb-edit-user ul .form_group.specializations { flex: 0 0 calc(100% - 0px);} #upload_profile_image_button { background: #1E456C !important; color: #fff !important; font-size: 16px !important; border-radius: 7px; padding: 6px 30px; font-weight: 400; min-width: 120px; width: 100%; text-align: center;} #wppb-edit-user ul .form_group.company_name, #wppb-edit-user ul .form_group.phone, #wppb-edit-user ul .form_group.city, #wppb-edit-user ul .form_group.postcode, #wppb-edit-user ul .form_group.email, #wppb-edit-user ul .form_group.web_url, #wppb-edit-user ul .form_group.videolink{flex: 0 0 calc(50% - 10px);} #wppb-edit-user .gallery_images { position: relative;} #wppb-edit-user .gallery_images:after { content: "Hochladen" !important; background: #1e456c; color: #fff; font-size: 16px; padding: 7px 10px; border-radius: 3px; text-align: center; pointer-events: none; margin-top: 0;width: 100%;margin-top: -30px;} #wppb-edit-user .gallery_images #gallery_images { opacity: 0; width: 100%;} #wppb-edit-user .gallery_images .message-box { width: 100%; } #wppb-edit-user .wppb-checkboxes { width: 100%;} #wppb-edit-user .wppb-checkboxes li { justify-content: flex-start; align-items: center; display: flex !important; margin: 0;} #wppb-edit-user .wppb-checkboxes.wppb-hidden { display: none !important;} #wppb-edit-user .operational_days .wppb-checkboxes .wppb-hidden { display: none !important;} .form-submit .submit.button{background: #1E456C !important; color: #fff !important; font-size: 18px !important; border-radius: 3px; padding: 13px 30px; font-weight: 400;} .form-submit .submit.button:hover, .form-submit .submit.button:focus{background: #36AFD8 !important;} .video_upload { flex: 0 0 100% !important; position: relative; } .video_upload:before { content: "Hochladen" !important; background: #1e456c; color: #fff; font-size: 16px; padding: 7px 10px; border-radius: 3px; text-align: center; pointer-events: none; margin-top: 0; width: 100%; margin-top: 33px; position: absolute;} .video_upload #video_upload { width: 100%; margin-top: 8px; opacity: 0;} .video_upload #uploaded-videos-list { margin-top: 15px !important; gap: 5px !important;} .video_upload #uploaded-videos-list li { font-size: 13px; padding: 5px 15px; background: #f2f2f2; border-radius: 5px;} #select_user_to_edit_form p { display: flex; flex-wrap: wrap; flex-direction: column;} #select_user_to_edit_form p label { width: 100%;} /* #select_user_to_edit_form p .select2, #wppb-edit-user .wppb-select2 .select2 { width: 100% !important; margin: 0; font-size: 15px;} #select_user_to_edit_form p .select2 span, #wppb-edit-user .wppb-select2 .select2 span { height: 40px !important; line-height: 37px;} */ #wppb-edit-user .specializations { margin-top: 6px;} #wppb-edit-user .specializations .select2-selection--multiple { min-height: 40px !important;} #wppb-edit-user .profile_image .upload-field-details { display: block;} #wppb-edit-user .profile_image .upload-field-details .file-thumb { margin-right: 10px;} /* span.select2-container{ z-index: 9 !important;} */ .wppb-form-field > span.select2-container .selection .select2-selection { height: unset !important;} .specializations ul { gap: 5px !important; display: flex !important; padding: 5px !important;} .specializations ul li { margin: 0 !important; padding: 1px 6px !important; font-size: 13px; flex: unset !important; background-color: #fff !important;} #wppb-register-user .specializations ul li.select2-search--inline input, #wppb-edit-user .specializations ul li.select2-search--inline input { height: unset; padding: 0 !important;} .specializations ul li span { float: right; margin-left: 10px; color: red !important;} /* #profile_edit label{ font-weight: 400 !important; margin-bottom:3px; width: 100%; } #profile_edit select { border: 1px solid #ccc; width: 100% !important; font-size: 15px !important; padding: 7px 10px !important;} #profile_edit select option { font-size: 14px !important;} #select2-wppb-unspecified-user-to-edit-results li, #select2-city-results li { font-size: 14px;} .select2-search__field { padding: 5px 10px !important;} .select2-results__options li { font-size: 14px; } #wppb-edit-user li { display: flex; flex-direction: column;} #wppb-edit-user li p{ font-size:15px; font-weight: 500;border: 1px solid #ccc;padding: 7px 13px;border-radius: 4px;background: #f7f7f7;} input[type="text"], input[type="email"], textarea, select{ border: 1px solid #ccc; width: 100% !important; font-size: 15px !important; padding: 7px 10px !important; font-size: 15px !important; } #upload_profile_image_button { background: #1E456C !important; color: #fff !important; font-size: 16px !important; border-radius: 7px; padding: 6px 30px; font-weight: 400; min-width: 120px; width: 100%; text-align: center;} .wppb-default-contact-info-heading { margin-top: 25px !important;} .error { text-align: left; width: 100%; margin: 0 !important;} textarea { font-size: 15px !important; padding:7px 10px !important; width: 100% !important;} #wppb-edit-user .wppb-select2{ display: flex; flex-direction: column;} #wppb-edit-user .wppb-select2 .select2 { margin: 0; width: 100% !important; z-index: 99;} #wppb-form-element-29.wppb-form-field.wppb-input:after { content: "Upload"; background: #1e456c; color: #fff; font-size: 18px; padding: 4px 10px; border-radius: 3px; text-align: center; pointer-events: none; margin-top: 0px; z-index: 9; position: absolute; width: 100%; bottom: -7px;} #wppb-form-element-29.wppb-form-field.wppb-input { position: relative;} .form-submit input { background: #1E456C !important; color: #fff !important; font-size: 18px !important; border-radius: 7px; padding: 14px 30px; font-weight: 400; min-width: 120px;} #profile_edit #wppb-form-element-2, #profile_edit #wppb-form-element-3,#profile_edit #wppb-form-element-4, #profile_edit #wppb-form-element-12, #profile_edit #wppb-form-element-13, #profile_edit #wppb-form-element-18 { flex: 0 0 calc(33.3% - 10px) !important;} #profile_edit #wppb-form-element-16, #profile_edit #wppb-form-element-15, #profile_edit #wppb-form-element-24, #profile_edit #wppb-form-element-25, #profile_edit #wppb-form-element-8, #profile_edit #wppb-form-element-9, #profile_edit #wppb-form-element-19, #profile_edit #wppb-form-element-32{ flex: 0 0 calc(50% - 08px) !important;} #profile_edit #wppb-edit-user ul { display: flex; flex-wrap: wrap; column-gap: 15px; width: 100%;} #profile_edit #wppb-form-element-14, #profile_edit #wppb-form-element-7, #profile_edit #wppb-form-element-17, #profile_edit #wppb-form-element-22, #profile_edit #wppb-form-element-30, #profile_edit #wppb-form-element-29, #profile_edit #wppb-form-element-28, #profile_edit #wppb-form-element-27 { flex: 0 0 100%;} #profile_edit #wppb-form-element-14{ display: none !important;} #profile_edit #wppb-form-element-1 { flex: 0 0 100%;} #profile_edit .wppb-textarea .cke_chrome { margin-top: 3px;} #profile_edit #wppb-edit-user li p{width: 70%;} #profile_edit #wppb-edit-user .file-name { font-size: 12px; line-height: 16px;} */ /* #profile_edit #wppb-form-element-26 .pms-upgrade__group { margin-top: 10px; width: 100%;} #profile_edit #wppb-form-element-26 .pms-upgrade__group .pms-upgrade__message { border-bottom: 1px solid #ccc; margin-bottom: 20px;} #profile_edit #wppb-form-element-26 .pms-upgrade__group input { vertical-align: top !important;} #profile_edit #pms-credit-card-information { flex-direction: column;} #profile_edit #wppb-form-element-26 input[type="submit"] { background: #1E456C !important; color: #fff !important; font-size: 15px !important; border-radius: 7px; padding: 14px 30px; font-weight: 400; min-width: 120px; width: auto; margin-bottom: 10px; max-width: 210px;} #profile_edit #pms-credit-card-information h4 { width: 100%;} */ .wppb-subscription-plans .pms-upgrade__group { margin-top: 10px; width: 100%;} .wppb-subscription-plans .pms-upgrade__group .pms-upgrade__message { border-bottom: 1px solid #ccc; margin-bottom: 20px;} .wppb-subscription-plans .pms-upgrade__group input { vertical-align: top !important;} .wppb-subscription-plans #pms-credit-card-information { flex-direction: column;} .wppb-subscription-plans #pms-credit-card-information h4 { width: 100%;} .wppb-subscription-plans input[type="submit"] { background: #1E456C !important; color: #fff !important; font-size: 15px !important; border-radius: 7px; padding: 14px 30px; font-weight: 400; min-width: 120px; width: auto; margin-bottom: 10px; max-width: unset;} .wppb-subscription-plans input[type="radio"]{margin-top: 10px !important;} #armaturenbrett p { font-size: 15px; } #armaturenbrett p a { text-decoration: underline; } .review_top { display: flex; justify-content: space-between; margin-top: 20px;} .review_top h3 { background: transparent !important; color: #000 !important; font-size: 21px !important; padding: 0px !important;} .review_top a { cursor: pointer; background: #36AFD8; padding: 13px 20px; border-radius: 5px; font-size: 16px; font-family: "Source Sans 3", Sans-serif; font-weight: 400; color: #fff !important; margin-top: auto; margin-bottom: 10px;} .review_top a i { margin-right: 7px;} .review_wrapper { display: flex; gap: 10px;} .left_review h2 { font-size: 53px;} .left_review { text-align: center; padding: 20px 30px; border-right: 1px solid #ccc; min-width: 220px;} .left_review small { color: #a8a8a8;} .review_wrapper { display: flex; gap: 20px; align-items: center;} .right_review { width: calc(100% - 220px); gap: 20px; margin-bottom: 10px; display: flex;} .right_review span { color: #222; font-size: 14px;} .right_review ul { list-style: none; margin: 0; width: 100%;} .right_review ul li { justify-content: space-between; display: flex; align-items: center; margin-bottom: 10px;} .right_review .progress { width: 80%; display: inline-block; margin: 0; position: relative;} /* .right_review span progress { width: 100%; } */ .review_sort span { font-size: 15px; font-weight: 400;} .review_sort ul { margin: 0; list-style: none; display: flex; border-radius: 30px; overflow: hidden; width: auto;} .review_sort ul button { border-radius: 0px; font-size: 14px; padding: 10px 15px 10px 20px; background: #ddd; } .review_sort ul button.active { background: #1e456c; color: #fff; } .review_sort { display: flex; gap: 10px; align-items: center; margin-top: 30px; margin-bottom: 30px;} .review_outer { margin: 15px 0;} .review_outer h4 { font-size: 16px !important; border-bottom: 0px !important; margin-bottom: 0 !important;} .review_content .head { display: flex; justify-content: space-between; margin-bottom: 20px; margin-top: 10px;} .review_content .meta { font-size: 15px; color: #9e9e9e; margin: 3px 0;} .review_content .meta span { color: #1e456c;} .review_content p { font-size: 15px; line-height: 21px;} .review_content .show-more, .review_content .show-less { font-size: 15px; font-weight: 500; color: #1e456c; margin-left: auto; display: block; text-align: right;} .review_content ul { display: flex; flex-wrap: wrap; margin: 0; list-style: none; font-size: 14px; margin: 10px 0;} .review_content ul li { justify-content: space-between; display: flex; flex: 0 0 100%; align-items: center;} .review_content small { font-size: 12px; color: #9e9e9e;} .review_bottom, .review_comment { padding: 10px;} .review_bottom .replay { font-size: 14px;} .review_bottom { display: flex; justify-content: space-between; border-top: 0px solid #ccc; margin-bottom: 15px; padding-top: 1 5px;} .review_bottom a { font-size: 14px;} .review_comment {} .review_comment .rating_static { font-size: 14px; line-height: 34px;} .review_comment textarea { margin-bottom: 20px;} .review_comment button { cursor: pointer; background: #1E456C ; padding: 13px 30px; border-radius: 5px; font-size: 16px; font-family: "Source Sans 3", Sans-serif; font-weight: 400; color: #fff !important; margin-top: auto; margin-bottom: 10px;} #review_content .load-more { background: #1e456c; color: #fff; font-weight: 400; font-size: 18px; margin: 20px auto; display: inherit; border-radius: 3px; padding: 15px 30px; } #review_content .review_content { border-bottom: 1px solid #ececec; margin-bottom: 0px; padding-bottom: 15px; } #review_content .no_record{ font-size: 15px; background: #fff5f5; border: 1px solid #fbbebe; padding: 10px; text-align: center; margin: 30px 0 10px 0; display: block; } .wppb-checkbox .wppb-checkboxes { display: flex; gap: 10px; margin-top: 10px;} .wppb-checkbox .wppb-checkboxes li { flex: 0 0 calc(100% - 0px); flex-direction: inherit !important; gap: 10px;} .wppb-checkbox .wppb-checkboxes li input { width: auto;} .wppb-checkbox .wppb-checkboxes li label { margin-bottom: 0 !important;} .wppb-hidden { display: none !important;} .wppb-subscription-plans { width: 100%;} .wppb-subscription-plans table, .wppb-subscription-plans table th, .wppb-subscription-plans table td { border-color: #cecece !important; font-size: 15px;} .wppb-subscription-plans table td:first-child { font-weight: 500 !important; } .wppb-subscription-plans table { margin-top: 20px; margin-bottom: 0;} .wppb-subscription-plans { margin-bottom: 0 !important; padding-bottom: 0 !important;} #new-gallery-preview-container{ display: flex; flex-wrap: wrap; width: 100%; gap: 10px;} .gallery-image-preview{ position: relative; padding: 0; min-height: 80px; background: #ddd; max-height: 80px; overflow: hidden; width: 145px; text-align: center;} .gallery-image-preview img{ padding: 0; margin: 0 !important; min-height: 100px; width: unset !important; max-width: unset; height: 100px !important;} #wppb-form-element-gallery-previews .gallery-preview-container { display: flex; flex-wrap: wrap; width: 100%; gap: 10px;} #wppb-form-element-gallery-previews .gallery-preview-container .remove-image { position: absolute; right: 0; bottom: 0; font-size: 12px; padding: 5px 6px; width: 100%; margin: 0 !important; border-radius: 0; font-weight: 400; line-height: 13px; margin-bottom: 0px;} #wppb-form-element-gallery-previews .gallery-preview-container .gallery-image-preview { position: relative; padding: 0; min-height: 80px; background: #ddd; max-height: 80px; overflow: hidden; width: 145px; text-align: center;} #wppb-form-element-gallery-previews .gallery-preview-container .gallery-image-preview img { padding: 0; margin: 0 !important; min-height: 100px; width: unset !important; max-width: unset; height: 100px !important;} #new-gallery-preview-container .remove-upload-image { position: absolute; bottom: 0px; right: 5px; padding: 3px 0px 3px 0px; width: 100%; /*! height: 20px; */ font-size: 15px; border-radius: 0px; left: 0; font-size: 12px; line-height: 15px; font-weight: 400;} .login_profile_btn a { font-size: 16px; background: #1E456C !important; color: #fff !important; font-size: 18px !important; border-radius: 3px !important; padding: 15px 40px !important; font-weight: 400 !important;} .login_profile_btn { margin-bottom: 70px !important;} .login_profile_btn a:hover, .login_profile_btn a:focus { background: #5bc0de !important;} .wppb-error, .wppb-warning, .wppb-notice, .wppb-success { font-size: 14px;} .wppb-alert { background: #eaffe8; border: 1px solid #00cc03; padding: 6px 9px; margin: 0 auto 25px; font-size: 15px; text-align:center;} #wppb_edit_profile_user_not_logged_in_message { text-align: center; background: #ffe8e8; border: 1px solid #cc001d; padding: 6px 9px; margin: 0 auto 25px; font-size: 15px; text-align: center;} .wppb-logout-url { font-weight: 600;} .wpcf7-response-output { font-size: 15px; padding: 10px 20px !important;} /* POPUP DESIGN */ .popup_form { background: transparent; position: fixed; top: 0; background: rgba(0,0,0,0.8); height: 100%; z-index: 999; width: 100%; display: flex; align-items: center;} .popup_form .e-con-inner { background: transparent; max-width: 600px; display: flex; justify-content: center !important; margin: 0 auto; width: 100%;} .popup_form iframe { background: transparent;} .popup_form { visibility:hidden;} .popup-open .popup_form { visibility:visible} .popup-open, .multistep-popup-open { overflow: hidden;} .multi_popup_form { background: transparent; position: fixed; top: 0; background: rgba(0,0,0,0.8); height: 100%; z-index: 999; width: 100%; display: flex; align-items: center;} .multi_popup_form .e-con-inner { background: transparent; max-width: 600px; display: flex; justify-content: center !important; margin: 0 auto; width: 100%;} .multi_popup_form iframe { background: transparent;} .multi_popup_form { visibility:hidden;} .multistep-popup-open .multi_popup_form { visibility:visible} /* SINGLE PAGE */ .single-post{background: #fff; } .single-post .ast-container { width: 100%; max-width: 100% !important;} .single-post .ast-container .content-area { margin: 0 !important;} .single_blog { max-width: 1280px; margin: 0px auto; background: #fff; padding: 70px 0px;} .single_blog .row { display: flex; gap: 20px; display: flex; flex-wrap: wrap;} .single_blog .row .col-lg-12 { flex: 0 0 calc(100%); max-width: calc(100%);} .single_blog .row .col-lg-9 { flex: 0 0 calc(75% - 10px); max-width: calc(75% - 10px); } .single_blog .row .col-lg-3 { flex: 0 0 calc(25% - 10px); max-width: calc(25% - 10px);} .single_title { margin-bottom: 25px;} .single_title h1 { font-family: "Source Sans 3", Sans-serif; font-size: 63px; font-weight: 400; line-height: 73px;} .single_blog img { width: 100%; height: auto; margin: 15px 0;} .single_blog p { font-size: 16px;} .post-meta { margin: 10px 0;} .post-meta span { font-size: 14px; font-style: italic;} .single_blog h2 { font-family: "Source Sans 3", Sans-serif; font-size: 46px; font-weight: 400; line-height: 53px; margin-bottom: 10px; margin-top: 20px;} .single_blog ul, .single_blog ol { margin: 0; padding-left: 15px; font-size: 16px; margin-bottom: 20px !important;} .single_blog ul li { margin-bottom: 5px; line-height: 23px; } .single_blog table thead tr { background: #1e456c; color: #fff; font-size: 16px;} .single_blog table tbody tr { font-size: 15px;} .single_blog p a { color: #1e456c;} .single_blog p a:hover, .single_blog p a:focus { background: #36AFD8;} .single_blog h3 { font-size: 23px; font-weight: 400; color: #000; margin: 20px 0px 10px 0;} .articleNoticeableHintHead { font-weight: 600;} .single_blog button { background: #1E456C !important; color: #fff !important; font-size: 18px !important; font-weight: 400; border-radius: 5px;} .single_blog button:hover, .single_blog button:focus { background: #36AFD8 !important; color: #fff !important;} .reecnt_post { padding: 10px; position: sticky; top: 50px;} .reecnt_post h2 { font-size: 18px; font-family: "Source Sans 3", Sans-serif; color: #000; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px; line-height: 23px;} .reecnt_post ul { margin: 0; padding: 0 0 0 20px; list-style: disclosure-closed; list-style-position: inherit;} .reecnt_post ul li a { font-size: 15px; color: #000000a6 !important; line-height: 21px;} .reecnt_post ul li { display: list-item; margin-bottom: 10px; line-height: 21px;} /* LISTRING PAGE */ .custom-search.two_custom {display: flex;margin: 0 auto;max-width: 800px;max-width: 80%;gap: 10px;} .custom-search.two_custom .custom-search-botton { position: relative; right: unset; top: unset; bottom: unset; height: unset; line-height: 23px !important;} .custom-search.two_custom div i { position: absolute; top: 13px; left: 13px; color: #1e456c;} .custom-search.two_custom div input { padding: 10px 20px 10px 40px;} .custom-search.two_custom div {position: relative;flex: 1;display: flex;gap: 15px;} .custom-search.two_custom div i.fa-times { right: 10px; left: unset; font-size: 13px; top: 17px;} .custom-search.two_custom .custom-search-botton { border: 1px solid #36afd8;} .page-template-installateur-list .ast-container, .page-template-installateur-list-filter .ast-container { flex-direction: column;} .inner_banner { width: 100%; flex: 0 0 100%; background: #1E456C; padding: 50px; margin-bottom: 40px;} .inner_banner .container { max-width: 1280px; margin: 0 auto;} .installateur_list .container { max-width: 1280px; margin: 0 auto; } .installateur_list .row { display: flex; gap:20px;} .col-lg-3 { flex: 0 0 33.3%;} .filter {} .col-lg-9 { flex: calc(75% - 10px); width: calc(75% - 10px);} .col-lg-2 { flex: 0 0 calc(25% - 10px); width: calc(25% - 10px);} .filter { padding: 20px; box-shadow: 0 0 30px rgba(0,0,0,.09) !important; border-radius: 7px; position: sticky; top: 90px;} .filter h3 { display: flex; justify-content: space-between; margin-bottom: 20px; /*border-bottom: 1px solid #ccc; padding-bottom: 11px;*/ font-weight: 500;} .filter h3 span { font-size: 14px; font-weight: 400;} .services .btn { padding: 6px 10px; font-size: 12px; font-weight: 400; border-radius: 4px; background: #e5f2f7; color: #1e456c; margin-bottom: 2px;} .services .btn.active, .services .btn:hover{background: #36afd8; color: #fff;} .services h4, .location h4, .rating h4, .days h4 { margin-top: 10px; border-top: 1px solid #efefef; padding-top: 11px; margin-bottom: 10px;} .services, .location, .rating, .days { margin-bottom: 20px;} .rating fieldset { border: 0; padding: 0 !important; width: auto; display: inline-block; margin: 0; } .rating > input { display: none; } .rating > label:before { margin: 2px; font-size: 1.30em; font-family: FontAwesome; display: inline-block; content: "\f005";} .rating > .half:before { content: "\f089"; position: absolute;} .rating > label { color: #ddd; float: right; } .rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label { color: #FFD700; } .rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label { color: #FFED85; } .rating_static { min-width: 110px; cursor: pointer;} /* .rating_static span { margin: 0 !important; position: relative;} .rating_static span:before { color:#d2d2d2; content:'★ '; font-size: 23px; margin: -1.3px;} .half:after { content: '★ '; height: 26px; width: 9px; display: block; position: absolute; top: -9.5px; right: 13px; color: gold; font-size: 23px; margin-top: 1.9px; overflow: hidden;} .rating_static span.check:before{color: #FFD700;} */ #star-ratings .rating .rating_static { margin-top: 20px;} .rating_static span { margin: 0 !important; position: relative;height: 30px;display: inline-block;overflow: hidden;line-height: 0;} .rating_static span:before { color:#d2d2d2; content:'★ '; font-size: 23px; margin: 0px !important;height: 17px; display: inline-block;margin-top: 0px;line-height: 18px;} .rating_static { margin: 0px 0;} .check:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 18px;overflow: hidden;} .half:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 10px;overflow: hidden;} .p_one:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 3px;overflow: hidden;} .p_two:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 5px;overflow: hidden;} .p_three:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 7px;overflow: hidden;} .p_four:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 9px;overflow: hidden;} .p_six:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 11px;overflow: hidden;} .p_seven:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 12px;overflow: hidden;} .p_eight:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 13px;overflow: hidden;} .p_nine:after {position: absolute; top: 0px; left: 0; color: gold; font-size: 23px; content: '★ ';margin: 0px !important;height: 17px;display: inline-block;line-height: 18px;width: 15px;overflow: hidden;} /* CUSTOM CHECK & RADIO */ input[type="checkbox"] { min-width: 20px !important; position: relative; width: 20px; height: 20px; color: #000; border:1px solid #ccc; border-radius: 2px; appearance: none; outline: 0; cursor: pointer; transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);margin-top: 4px;} input[type="checkbox"]::before { position: absolute; content: ""; display: block; top: 2px; left: 7px; width: 5px; height: 10px; border-style: solid; border-color: #1E456C; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; } input[type="checkbox"]:checked { color: #ccc; border:1px solid #ccc; background: #fff !important;} input[type="checkbox"]:checked::before { opacity: 1; } input[type="checkbox"]:checked ~ label::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } input[type="radio"] { min-width: 20px; position: relative; width: 20px; height: 20px; color: #ccc; border:1px solid #ccc; border-radius: 100px; appearance: none; outline: 0; cursor: pointer; transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1); margin-top: 0px; margin-bottom: -3px; } input[type="radio"]::before { position: absolute; content: ""; display: block; top: 4px; left: 4px; border-radius: 100px; width: 5px; height: 10px; border-style: solid; border-color: #1E456C; border-width: 3px 7px 0px 3px; transform: rotate(45deg); opacity: 0; } input[type="radio"]:checked { color: #ccc; border:1px solid #ccc; background: #fff !important;} input[type="radio"]:checked::before { opacity: 1; } input[type="radio"]:checked ~ label::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } /* CUSTOM CHECK & RADIO END */ .location ul { margin: 0px 20px; font-size: 14px;} .rating ul { margin: 20px 0px; list-style: none;} .rating ul label { margin: 0px 10px; min-width: 150px;} .rating ul span { /* margin-left: auto; */ font-size: 12px;} .rating ul li { display: flex; margin-bottom: 3px;} .days form { display: flex; gap: 60px; justify-content: flex-start; align-items: flex-start;} .days form ul { margin: 0 0 10px 0; display: flex; flex-wrap: wrap;} .days p{ font-size:14px; font-style: italic; color: #5c5c5c;} .days ul label {width:80%; margin-left: 10px; display: flex; margin: 5px 0px 5px 0px; cursor: pointer;} .days ul label span { margin-left: auto; font-size: 13px; color: #000000a6; } .two_col label { width: 38% !important; } .two_col span { flex: 0 0 calc(50% - 10px); display: flex; gap: 10px;} .installateur_right, .profiel_right { background: white; /*! padding: 20px; */ box-shadow: 0 0 30px rgba(0,0,0,.09) !important; border-radius: 7px; overflow: hidden;} .filter_name { display: flex; justify-content: space-between; align-items: center; background: #e5f2f7; padding: 17px 20px;} .filter_name form { display: flex; align-items: center; gap: 8px;} .filter_name form select { max-width: 130px; font-size: 15px;} .filter_name form select option { font-size: 13px;} /* LISTRING DETAILS PAGE */ /* .filter { position: sticky; top: 80px; } */ .page-template-installateur-details .ast-container, .page-template-profiel-bewerken .ast-container{ flex-direction: column; } .page-template-profiel-bewerken .ast-container {max-width: 100%; padding: 0;} .inner_banner.installateur_banner { padding: 30px; text-align: center;} .custom_banner h1 { color: #fff; font-size: 36px;} .custom_banner p { color: #fff; font-size: 19px; font-weight: 300 !important; margin-bottom: 0;} .border_top h4{ margin-top: 10px; border-top: 1px solid #efefef; padding-top: 11px; margin-bottom: 10px;} .leistungen h4 { display: flex; justify-content: space-between;} .leistungen h4 span { font-size: 14px; font-weight: 400;} .links ul { list-style: noe; margin: 10px 0; padding: 0; font-size: 15px;} .links ul li { list-style: none; margin-bottom: 4px;} .links ul li a{ text-transform: uppercase;} .links ul li a:hover, .links ul li a:focus { color: #00acd5; font-weight: 600;} .links ul li.active a { color: #00acd5; font-weight: 600;} .offnungszeiten ul li { list-style: none; justify-content: unset; display: flex; width: 100%; gap: 10px;} .offnungszeiten li label { width: 100%; margin: 0;} .offnungszeiten ul { gap: 10px; display: flex; flex-wrap: wrap;} .offnungszeiten li a { padding: 6px 15px; font-size: 14px; font-weight: 400; border-radius: 4px; background: #D9D9D9; color: #000; margin-bottom: 2px;} .offnungszeiten li a.selected, .offnungszeiten li a:hover, .offnungszeiten li a:focus { background-color: #00AAD4; color: #fff;} .map { margin-top: 10px; border-top: 1px solid #efefef; padding-top: 20px; margin-bottom: 10px; position: relative;} .map a { position: absolute; left: 30%; top: 40%; background: #fff; font-size: 14px; padding: 5px 15px; color: #000; border-radius: 4px;} .map a:hover, .map a:focus { background: #00aad4; color: #fff;} .map::before { content: ""; width: 100%; height: calc(100% - 30px); background: rgba(0,0,0,0.5); display: block; position: absolute; top: 20px; border-radius: 4px;} .gallery_left {} .gallery_left ul { list-style: none; margin: 0; display: flex; flex-wrap: wrap; gap: 2px; position: relative;} .gallery_left ul li { flex: 0 0 calc(50% - 1px); max-height: 85px; overflow: hidden; height: 85px; position: relative;} .gallery_left ul li:first-child { flex: 0 0 100%; max-height: 170px; overflow: hidden; height: 170px;} .gallery_left ul li.last_link { position: absolute; bottom: 0; right: 60px; color: #fff; overflow: hidden; max-height: 90px; pointer-events: none; align-items: center; justify-content: center; display: flex;} .gallery_left ul li.last_link a { z-index: 9; } .gallery_left ul li.last_link:after { display: none;} .gallery_left ul li:after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; z-index: 1; pointer-events: none;} .gallery_left ul li:last-child a { color: #fff; font-size: 23px;} .gallery_left ul li a{ width: 100%;} .gallery_left ul li a { width: 100%; display: flex; justify-content: center; align-items: center; } .gallery_left ul li:first-child img { min-height: 190px;} .gallery_left ul li img { min-height: 90px; width: auto; } .gallery_left .practice-link { font-size: 15px; background: #f2f2f2; padding: 7px 10px;} .gallery_left ul li:nth-child(1), .gallery_left ul li:nth-child(2), .gallery_left ul li:nth-child(3), .gallery_left ul li.last_link { display: flex;} .gallery_left ul li{ display: none;} /* VIDEO GALLERY */ .video-gallery { position: relative; display: flex; flex-wrap: wrap; gap: 2px;} .video-gallery .gallery-item img { width: 100%;} .video-gallery .gallery-item::before { content: ""; background: rgba(0, 0, 0, 0.5 ); width: 100%; height: 100%; left: 0; position: absolute; pointer-events: none;} .video-gallery .gallery-item .gallery-item-caption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .video-gallery .gallery-item .gallery-item-caption { text-align: left;} .mfp-bg{z-index: 999999 !important;} .mfp-wrap{z-index: 999999;} .mfp-gallery button { background: transparent !important;} .video-gallery .gallery-item { flex: 0 0 calc(50% - 1px); max-height: 85px; overflow: hidden; height: 85px; position: relative; display: flex;} .video-gallery .gallery-item:first-child { flex: 0 0 100%; max-height: 170px; overflow: hidden; height: 170px;} .video-gallery .gallery-item:nth-child(1), .video-gallery .gallery-item:nth-child(2), .video-gallery .gallery-item:nth-child(3){ display: flex; } .video-gallery .gallery-item{ display: none; } .video-gallery .last_link { position: absolute; right: 20px; bottom: 10px;} .video-gallery .last_link a { color: #fff !important; font-size: 23px;} /* .gallery-desktop a:nth-child(1), .gallery-desktop a:nth-child(2), .gallery-desktop a:nth-child(3), .gallery-desktop a.view-more {display: flex;} .gallery-desktop a{ display: none;} */ /* left profile menu */ .after_login .filter { padding: 0; overflow: hidden;} .after_login .filter ul li { background: #F2F2F2; margin-bottom: 3px; } .after_login .filter ul li.active{ background:#00acd5;color: #fff;} .after_login .filter ul { margin: 0;} .after_login .filter ul li.active a, .after_login .filter ul li.active a path { color: #fff; stroke: #fff; font-weight: 500;} .after_login .filter ul li a { padding: 15px 20px; display: flex; align-items: center; gap: 13px; text-transform: none; font-weight: 400;} .after_login .filter ul li:hover, .after_login .filter ul li:focus { background: #00acd5;} .after_login .filter ul li:hover a, .after_login .filter ul li:focus a, .after_login .filter ul li:hover a path, .after_login .filter ul li:focus a path { color: #fff; stroke: #fff; font-weight: 500;} .after_login .filter ul li:last-child { display: flex; align-items: center; gap: 15px; padding: 15px 20px;} .after_login .filter ul li:last-child a{padding: 0px;} .after_login .filter ul li:last-child p { margin: 0; line-height: 17px;} .after_login .filter ul li .wppb-front-end-logout { display: flex; flex-direction: column-reverse; } .after_login .filter ul li .wppb-front-end-logout a span { font-weight: 400; font-size: 13px; display: none; } .profiel_section .filter { border: 2px solid #fff;} #ubersicht { } .gallery-desktop { position: relative; overflow: hidden; min-height: 200px; background: #1e456c; display: flex; width: calc(100% + 39px); margin-left: -19px; margin-top: -18px; background-image: url('assets/images/plumber_bg.webp'); background-size: cover; background-repeat: no-repeat;} .gallery-desktop a.last_link { position: absolute; right: 20px; border: ; bottom: 10px; color: #fff !important; font-weight: 500;} .gallery-desktop a { position: relative; flex: 0 0 33.3%; object-fit: cover; display: flex; align-items: center; justify-content: center; overflow: hidden; max-height: 200px; border-right: 1px solid #fff;} .gallery-desktop a:nth-child(3) { border-right: 0px;} .gallery-desktop a::before { content: ""; background: rgba(0, 0, 0, 0.3); position: absolute; width: 100%; height: 100%; pointer-events: none; } .gallery-desktop a .example-image { min-width: 370px; min-height: 200px; } .gallery-desktop .view-more { position: absolute; right: 10px; bottom: 10px; color: #fff; opacity: 1; pointer-events: none; border: none;} .gallery-desktop .view-more:before { display: none;} .content-details { z-index: 99; position: relative; display: flex; gap: 20px; margin-bottom: 20px;} .content-details .img_profile { max-width: 210px; width: 210px; z-index: 999; position: relative; margin-top: -60px; height: 200px; background: #fff; overflow: hidden; border: 1px solid #f4f4f4;} .content-details .img_profile span { height: 100%; display: flex; justify-content: center; align-items: center; } .content-details .img_profile span img { width: 100%; height: auto; } .content-details .img_profile img { width: auto; max-width: unset;} .content { display: flex; justify-content: space-between; gap: 20px; width: 100%; padding: 10px 0;} .content .left { width: 50%;} .content .right .btnright { flex-wrap: wrap; display: flex; gap: 5px; justify-content: flex-end; } .content .right a { cursor: pointer; background: #36AFD8; padding: 13px 11px; border-radius: 5px; font-size: 16px; font-family: "Source Sans 3", Sans-serif; font-weight: 400; color: #fff; margin-top: auto; margin-bottom: 10px;} .content .right a.multistep-form.button{background: #1E456C;} .content .right a.multistep-form.button:hover, .content .right a.multistep-form.button:focus{background: #0274be;} .content .right a i { margin-right: 9px;} .content .right { display: flex; flex-direction: column;} .content .right .rating { text-align: right; display: flex; align-items: center; gap: 10px; justify-content: flex-end;} .content .right .rating span { font-size: 14px; color: #757575;} .content .right a:hover, .content .right a:focus { background: #0274be;} .content .left h3 { font-size: 23px;} .content .left p { font-size: 16px; color: #757575;margin-bottom: 10px;} .contact-short, .contact-short p, .contact-short a { font-size: 14px !important; margin-bottom: 5px !important;} .contact-short.mt-2 { margin-top: 10px;} .contact-short i { margin-right: 10px; color: #36afd8;} .contact-short .hidd_show{ display: none;} .services_details { font-size: 0px !important; margin-bottom: 20px;} .services_details span { padding: 4px 10px; font-size: 12px; font-weight: 400; border-radius: 4px; background: #e5f2f7; color: #1e456c; margin: 2px 2px 2px 2px !important; display: inline-block;} .services_details.top_section { font-size: 12px !important;} .services_details.top_section span { background: transparent; margin: 0 !important; color: #e5f2f7; padding: 0; font-size: 14px;} .modal { display: none; position: fixed; z-index:999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 550px; border-radius: 10px; } .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .bewertung_form .form-group { margin-bottom: 15px;} .bewertung_form .form-group label { font-size: 14px; font-weight: 400; line-height: 19px;} .bewertung_form .btn.tertiary{background: #1E456C !important; color: #fff !important; font-size: 18px !important;padding: 13px 30px;border-radius: 5px;font-weight: 400;width: 100%;} .bewertung_form .btn.tertiary:hover, .bewertung_form .btn.tertiary:focus { background-color: #00abd2;} .bewertung_form .form-group.behandlungsmonat_direction { display: flex; flex-direction: column;} .bewertung_form .form-group.behandlungsmonat_direction .selection{ font-size: 14px; min-height: 46px; display: block; } .bewertung_form .form-group.behandlungsmonat_direction .selection .select2-selection, .bewertung_form .form-group.behandlungsmonat_direction .selection .select2-selection__arrow { height: 48px;} .bewertung_form .form-group.behandlungsmonat_direction .selection #select2-month-container{line-height: 43px;} .bewertung_form .form-group.behandlungsmonat_direction span .select2-selection__placeholder { padding: 10px 3px;} .bewertung_form rating { display: flex; align-items: center; gap: 10px; margin-left: auto;} .bewertung_form rating #total-rating { font-size: 14px; color: #1e456c;} .bewertung_form rating #reset-stars { background: #f4412e; font-size: 12px; color: #fff; padding: 5px; width: 20px; height: 20px; line-height: 12px; text-align: center; border-radius: 3px; cursor: pointer;} #leistungen ul { padding: 0; margin: 10px 0px 30px 20px;} .right_listing { padding: 17px 20px;} .right_listing .search-results p { text-align: center; margin-bottom: 0px; margin-top: 40px; font-size: 23px; } .right_listing table.subscriptions-tbl th, .right_listing table.subscriptions-tbl td { padding: 5px 10px; text-align: left;} .right_listing table.subscriptions-tbl th { background: #1e456c; color: #fff; font-size: 16px;} .right_listing table.subscriptions-tbl td { font-size: 14px;} .card.search-result { border: 1px solid #efefef; padding: 10px; margin-bottom: 15px;} .search-result .top { display: flex; gap: 15px;} .search-result .top .image-profile { flex: 0 0 140px; background: #f4f4f4; height: 100%; max-width: 160px; width:160px; height: 140px; overflow: hidden; display: flex; justify-content: center; align-items: center;} .search-result .top .image-profile img { min-height: 140px; width: auto;max-width: unset; max-height: 140px; max-width:140px} .search-result .base-info h3 { font-size: 20px; font-size: 1.1111111111111rem; line-height: 1.2em; font-weight: 600; margin-top: 0px;} .search-result .base-info { /*! display: flex; */ /*! flex-wrap: wrap; */ align-items: flex-start; width: 100%; position: relative;} .search-result address { flex: 0 0 100%; font-size: 15px; margin: 0px 0 5px 0; color: #000;} .search-result rating { margin-left: auto; font-size: 16px; position: absolute; right: 10px; top: 0px; display: flex; align-items: center;} .search-result rating span { margin: 0 5px; font-size: 14px;} .search-result .location { font-size: 15px; margin: 0; color: #757575;} .search-result .bottom { margin-top: 10px;} .search-result .bottom .btn { padding: 6px 10px; font-size: 11px; font-weight: 400; border-radius: 4px; background: #e5f2f7; color: #1e456c; margin-bottom: 2px;} .installateur_right .pagination { background: #e5f2f7; padding: 17px 20px; } .installateur_list { margin-bottom: 70px; } .instruction { font-size: 15px; margin-top: 30px; color: #757575; text-align: center; } /* POPUP DSIGN */ .popup_form .e-con-inner #modalMultiStep, .multi_popup_form .e-con-inner #modalMultiStep { background: #fff; padding: 30px; border-radius: 10px; height: 650px; position: relative; width: 100%;} .popup_form .close, .modal .modal-content .close, .multi_popup_form .close { position: absolute; right: -10px; top: -10px; padding: 8px; width: 30px; height: 30px; line-height: 13px; background: #f4412e; color: #fff; border-radius: 50px; } .modal .modal-content { position: relative;} .popup_form .steps { overflow: auto; /*max-height: 640px;*/ overflow-x: hidden; scrollbar-width: thin; padding-right: 10px;} #custStepsSection.steps { max-height: 570px; overflow: auto; scrollbar-width: thin; padding-right: 10px;} .progress { height: 14px; background-color: #808080; border-radius: 30em; overflow: hidden; width: calc(100% - 120px); display: inline-block; margin: 0;} /* .progress progress { vertical-align: top; width: 100%;} */ .progress progress{ width: 100%;} .progress progress[value]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; margin: 0px; border-radius: 10em; background-color: #808080; vertical-align: top; } .progress progress[value]::{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; margin: 0px; border-radius: 10em; background: #36afd8; } .progress progress[value]::-moz-progress-bar { border-radius: 10em; background: #36afd8; } .progress progress[value]::-webkit-progress-value { border-radius: 10em; background: #36afd8;} /* progress[value]::-webkit-progress-bar { border-radius: 10em; background: progress[value] -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; width: 200px; margin: 0; border-radius: 10em; background: #36afd8; } */ #multiStepForm .progress { width: 100% !important; margin-bottom: 30px; overflow: visible;} #modalMultiStep .progress-bar { border-radius: 10px; position: relative; float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #40a6db;} #modalMultiStep .progress-bar.active, #modalMultiStep .progress.active #modalMultiStep .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;} #modalMultiStep .progress-bar-success { background-color: #5cb85c;} #modalMultiStep .progress-bar .custStepsSHow { position: absolute; width: 540px; font-size: 15px; left: 0; top: 20px; color: #1e456c; font-weight: 500; } .erforderlich p { font-size: 15px; line-height: 21px; font-weight: 400; } .right-footer { justify-content: space-between; display: flex; margin-top: auto; text-align: center;} .right-footer .btn { line-height: 1 !important; z-index: 4; background: #36AFD8; padding: 10px 30px; border-radius: 5px; font-size: 16px; font-family: "Source Sans 3", Sans-serif; font-weight: 400; color: #fff; height: 38px;} .right-footer .btn:hover, .right-footer .btn:focus{background:#1E456C} .popup-open .tab-pane.fade, .multistep-popup-open .tab-pane.fade { visibility: hidden; display: none;} .popup-open .tab-pane.fade.active, .multistep-popup-open .tab-pane.fade.active { visibility: visible; display: block;} .popup-open .error-message.text-danger, .multistep-popup-open .error-message.text-danger { font-size: 14px; color: red; border: 1px solid red; padding: 5px; } .wppb-form-field > span.wppb-form-error { font-size: 12px !important; color: red; } #multiStepForm { display: flex; flex-direction: column; height: 100%; } .steps h4 { font-family: "Source Sans 3", Sans-serif; font-size: 23px; font-weight: 400; line-height: 53px; text-align: center; margin-bottom: 0px;} .steps .radio { margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px;} .steps .radio label{ font-size: 16px;font-family: "Source Sans 3", Sans-serif;font-weight: 400;} .steps .radio label input { margin-right: 10px !important; } .steps .radio label input[type="date"] { max-width: calc(100% - 38px); margin-left: auto; margin-right: 0 !important; } #step2 #selectedDate {height: auto; } #step3 p { text-align: center; line-height: 24px;} #step3 p span { text-align: center; line-height: 24px;} #charCount { margin-left: auto; text-align: right !important; font-size: 19px; margin-top: 7px;} #step3 p:last-child { text-align: left !important; color: #a4a4a4; margin-top: 10px;} #step4 h4{ margin-bottom: 0;} #step4 h4 span { font-size: 17px; } #step4 p { text-align: center; line-height: 24px;} #step4 .border-line { display: flex; min-height: 240px; margin: 0.5rem auto; padding: 0.5rem; border: 1px dashed #c4c4c4; border-radius: 8px; text-align: center; justify-content: center; align-items: center; gap: 10px; flex-direction: column;} #step4 .border-line img { max-width: 150px; margin: 0 auto;} #step4 .border-line .field { text-align: center;} #step4 .border-line .field .small { margin: 20px 0; font-size: 14px; color: #4d4d4d;} #step4 .input_file { position: relative; margin-bottom: 20px; text-align: center;} #step4 .field .pip { width: 100px; height: 80px; margin: 10px; overflow: hidden; position: relative;display: inline-flex;justify-content: center;align-items: center;} #step4 .field .pip .remove { cursor: pointer; position: absolute; right: 3px; top: 3px; background: #000; width: 20px; height: 20px; color: #fff; font-size: 13px; border-radius: 19px;} #step4 .field .pip .imageThumb { max-width: unset !important; max-height: 90px; width: auto; min-height: 90px;} #step4 .input_file input { padding: 0; width: 150px; position: absolute; top: -5px; height: 40px; width: 214px; opacity: 0; /*! visibility: hidden; */} #step4 .input_file span { background: #1E456C !important; color: #fff !important; font-size: 18px !important; padding: 7px 30px; font-weight: 400; border-radius: 3px; cursor: pointer;} #step4 .input_file span i { margin-right: 10px; font-size: 14px;} #step4 .input_file { position: relative;} #step4 .well p:nth-child(5) { font-size: 13px; font-weight: 400;} #step6 h4 { line-height: 27px; margin-bottom: 10px;} #step6 p { text-align: center; line-height: 24px;} #step6 #finalForm > div:first-child { /*! background: red; */ display: flex; column-gap: 30px; flex-wrap: wrap; margin-bottom: 10px;} #step6 #finalForm > div:first-child label { flex: 0 0 100%;} #step6 #finalForm label { font-size: 15px; font-weight: 400;} #step6 #finalForm p { text-align: left; font-size: 14px; font-weight: 400; line-height: 21px;} #step6 #finalForm #finalFormSubmitBtn { background: #1E456C !important; color: #fff !important; font-size: 18px !important; border-radius: 5px; padding: 15px 30px; margin: 0 auto 30px auto; display: inherit; font-weight: 400;} #step6 #finalForm #finalFormSubmitBtn:hover, #step6 #finalForm #finalFormSubmitBtn:focus { background: #36afd8 !important;} .text-danger { color: red; font-size: 12px; margin-top: 5px; } #thankYouMessage { height: 100%; justify-content: center; align-items: center; display: flex; flex-direction: column;} #thankYouMessage img { max-width: 80px; margin-bottom: 40px;} #thankYouMessage p { font-size: 25px;} #custStepsSection { height: 100%; display: flex; flex-direction: column; } #thankYouMessage p { text-align: center;} #thankYouMessage p > span > span { font-size: 25px; font-weight: 400;} #thankYouMessage p > span { font-weight: 600;} .steps .fieldrequire { color: red;} /* SEARCH PAGE */ .search-results .ast-container { max-width: 1280px !important; } .search-results main{ margin-bottom: 70px;} .search-results .site-content > .ast-container { max-width: 1280px;} .search-results main article { padding: 0; flex: 0 0 calc(33.33% - 14px); margin: 0 !important;} .search-results main .ast-row { display: flex; gap: 20px;} .search-results .ast-article-inner { height: 100%; padding: 0 0 30px 0;} .search-results .ast-blog-featured-section.post-thumb { min-height: 210px; background: #f1f1f1; overflow: hidden; max-height: 210px; margin-bottom: 20px !important; padding: 0 !important;} .search-results .ast-no-thumb h2, .search-results .ast-no-thumb header, .search-results .ast-blog-single-element { padding: 5px 15px; margin: 0 !important;} .search-results .ast-article-inner .post-thumb-img-content.post-thumb { margin: 0 !important;} .search-results .ast-article-inner p { font-size: 16px; color: #000000a6 !important; margin-bottom: 10px; line-height: 23px;} .custHide{ display: none !important;} .img_listing { display: flex; gap: 10px; /*! flex-wrap: wrap; */ margin-bottom: 7px; flex-wrap: wrap;} .img_listing span { height: 55px; width: 90px; overflow: hidden; display: flex; justify-content: center; align-items: flex-start; border: 1px solid #efefef;} .img_listing span img { max-width: 100px; min-width: 90px; min-height: 70px;} /* PROFILE PAGE */ .profiel_section {} .profiel_section .container { max-width: 1280px; margin: 0 auto; } .profiel_section .row { display: flex; gap: 20px; } .profiel_right{ margin-bottom: 50px;} .profiel_right h3 {font-size: 19px; padding: 12px 20px; background: rgb(234, 234, 234); /*background: linear-gradient(180deg, rgb(228, 228, 228) 0%, rgb(255, 255, 255) 100%);*/ color: #1e456c; text-transform: capitalize;} .profiel_right .right_listing .head { margin-top: 10px; margin-bottom: 10px;} .profiel_right .right_listing h4 { padding-bottom: 7px; margin-top: 0px; border-bottom: 1px solid #ccc; padding-top: 7px; margin-bottom: 0px; font-size: 18px;} .profiel_right .right_listing .head > span { font-size: 13px; line-height: 26px; background: #e6e6e6; padding: 0px 20px; display: inline-block; height: 27px; margin-top: 4px; border-radius: 41px; font-weight: 400; margin-right: auto; margin-left: 10px;} .profiel_right hr{ margin: 0; display: none;} .outer { display: flex; flex-wrap: wrap; gap: 15px;} .outer .col-1 { flex: 0 0 calc(100% - 0px);} .outer .col-2 { flex: 0 0 calc(50% - 8px);} .outer .col-3 { flex: 0 0 calc(33.3% - 10px);} .outer .col-4 { flex: 0 0 calc(24.9% - 11px);} .outer .form-group input { border: 1px solid #E6E6E6 !important; } /* OWL SLIDER */ .leistungen .item { margin-top: 10px;} .leistungen .owl-stage-outer { width: 100%; height: auto; overflow: hidden; } .leistungen .owl-stage-outer .item .img { height: 150px;overflow: hidden; } .leistungen .owl-stage-outer .item img { width: auto; min-height: 150px; } .leistungen .service-card__body h3 { font-size: 16px; margin-bottom: 5px;} .leistungen .service-card__body { margin-top: 15px;} .leistungen .service-card__body p { font-size: 14px; color: #757575; line-height: 18px;} .leistungen .owl-dots { margin-top: 0 !important;} #myModal .modal-content .bewertung_form{ max-height: 80vh; overflow-y: scroll; scrollbar-width: thin; overflow-x: hidden;} /* .modal-content .close { right: 4px !important; top: 4px !important;} */ .bewertung_form .form-group { display: flex; gap: 10px; align-items: center; margin-bottom: 9px; flex-wrap: wrap;} .bewertung_form .form-group #confirm-text { flex:0 0 90%;} .bewertung_form .form-group rating { align-items: flex-start;} .bewertung_form .form-group rating span::after { top: 2px;} .bewertung_form .form-group .error-message { width: 100%;} .bewertung_form .form-group rating .total-rating { font-size: 13px !important;} .bewertung_form .form-group rating .reset-stars { background: #d90909; padding: 7px 7px 6px 7px; line-height: 8px; font-size: 13px; text-align: center; border-radius: 4px; color: #fff; font-weight: 700; cursor: pointer;} .bewertung_form .form-group .rating_static span{line-height: 26px;} .form-group.behandlungsmonat_direction select, .form-group.behandlungsmonat_direction > span { width: 100% !important; } .bewertung_form .form-group:nth-child(6) label { /*flex: 0 0 calc(100% - 30px);*/ font-size: 13px; line-height: 19px; display: inline-flex; margin-top: 5px;} .bewertung_form .form-group:nth-child(6) { display: flex; gap: 10px; flex-wrap: wrap;} /* LOADER */ .page-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); display: none; justify-content: center; align-items: center; z-index: 9999;} .loader { border: 6px solid #f3f3f3; border-top: 6px solid #3498db; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite;} @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .form-message { color: #e88080; font-size: 16px; line-height: 21px; margin: 10px 0; padding: 30px; text-align: center;} .form-message p { margin: 0;} /* 404 page */ .ast-404-search button i span::before { display: none; } /* fur-lhre-praxis page */ #content > .ast-container { max-width: 100%; padding: 0; } .banner_section.fun-banner .e-con-inner{ min-height: 350px !important; } .two_col.m-0 { margin: 0 !important; } .listing_outer {} .listing_iline { margin-bottom: 30px; } .listing_outer .customm_headng { margin-bottom: 30px;} .listing_outer .customm_list { display: flex; gap: 10px; justify-content: space-between;} .listing_outer .customm_list ul { margin: 0; padding-left: 20px; display: flex; flex-wrap: wrap;} .listing_outer .customm_list ul li { flex: 0 0 25%; display: flex; } .listing_outer .customm_headng h2 { margin-bottom: 0px !important;} .listing_outer .customm_list ul a { color: #787878 !important;} .listing_outer .customm_list ul a:hover { color: #1e456c;} .lb-details { display: none;} /* .lightbox .lb-dataContainer { order: 1;} .lightbox .lb-outerContainer { order: 2;} */ /* .lightbox { display: grid;} */ .lb-data .lb-close { width: 20px !important; height: 20px !important; background-size: contain !important; margin-bottom: 10px;} .open_close { padding: 15px 20px; width: 100%; border-radius: 3px 3px 0px 0px; text-align: left; } /* Archive Pages Listing */ .archive.category #content > .ast-container, .archive #content > .ast-container { max-width: 1280px;} .archive.category .ast-archive-description { padding: 0 !important; } .archive.category main .ast-row { display: flex; gap: 15px; margin-bottom: 60px;} .archive.category main .ast-row article { margin: 0; padding: 0; width: calc(33.3% - 10px) !important; position: relative;} .archive.category main .ast-row { display: flex; gap: 15px;} .archive.category main .ast-row article { margin: 0; padding: 0; width: calc(33.3% - 10px) !important;} .archive.category main .ast-row article p { font-size: 16px; color: #000000a6 !important; line-height: 23px; text-align: left;} .archive.category main .cat-links default a { position: absolute; background: #D4EEF9; top: 20px; left: 20px; padding: 4px 10px; font-size: 12px; border-radius: 5px; color: #000 !important; font-style: italic;} .archive.category main .cat-links.default a { position: relative; background: #D4EEF9; top: 20px; left: 20px; padding: 4px 10px; font-size: 12px; border-radius: 5px; color: #000 !important; font-style: italic; margin: 3px !important; font-weight: 400;} .archive.category main .cat-links.default { font-size: 0; gap: 0px; position: absolute; top: -30px; left: -30px; display: flex; flex-wrap: wrap;} .archive.category main .entry-title, .archive.category main .entry-title a{ font-weight: 500; font-size: 1.3333333333333rem; font-family: 'Source Sans 3',sans-serif; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 55px; text-align: left; order: 2;} .archive.category main .entry-header { order: 1; background: #E6E6E6; width: calc(100% - -70px); margin-left: -37px !important; padding: 10px 40px; font-size: 12px; font-style: italic; font-weight: 400; margin-top: -30px !important; z-index: 9 !important;} .archive.category main .post-content.ast-grid-common-col { display: flex; flex-direction: column;} .archive.category main .ast-excerpt-container.ast-blog-single-element { order: 3;} .archive.category main .entry-header span, .entry-header span a { font-weight: 400;} .archive.category main .ast-post-format-.blog-layout-4.ast-article-inner { height: 100%;} .lightbox { height: calc(100vh - 90px);} .lb-closeContainer { position: fixed; right: 20px; top: 20px;} .lightbox .lb-outerContainer { width: 100% !important; height: 100% !important; background: transparent; text-align: center; display: flex; justify-content: center; align-items: center;} .lb-container { text-align: center; width: auto;} .lightbox .lb-image { margin: 0 auto;} .lightbox .lb-dataContainer{ display: flex !important; height: 0px; width: 0px !important;} .lightbox .lb-nav a { opacity: 1 !important; } .upload-field-details .file-name { font-weight: bold; color: #21759B; font-size: 13px; font-weight: 400; } .wppb-remove-upload{font-size: 12px;} /* DELET MODAL */ #deleteModal .modal-content { min-width: 490px; text-align: center; } #deleteModal .modal-content button { font-size: 16px; border-radius: 4px; font-weight: 400; padding: 10px 30px !important; } body.popup-open { overflow: hidden; } body .modal .modal-content { margin-top: 0px; margin-bottom: auto; vertical-align: middle; top: 55%; transform: translateY(-55%); /*max-height: calc(100vh - 100px); */} .ast-page-builder-template .ast-pagination { padding: 2em 0; } .post-page-numbers.current .page-link, .ast-pagination .page-numbers.current { background: #144c6e; border-color: #144c6e; line-height: 34px; } .ast-pagination .page-numbers:hover { color: #45718a; } form .file-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; display: inline-block;} .page_error { margin: 150px 0 80px 0; text-align: center;} .page_error p { font-size: 16px; max-width: 550px; margin: 10px auto;} .page_error a { background: #1E456C !important; color: #fff !important; font-size: 18px !important; border-radius: 3px; padding: 10px 30px; margin-top: 20px !important; display: inline-block;} .page_error a:hover, .page_error a:focus { background: #00a8da;} #post-upload-info{ display: none;} .dropdown { display: inline-block;} .dropdown-content { display: none; position: absolute; min-width: 190px; z-index: 1; right: 0; background: #ebebeb !important; border-radius: 3px;} .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;} .dropdown:hover .dropdown-content { display: block;} .dropbtn { display: flex; gap: 2px; font-weight: 400; align-items: center; padding: 10px 13px; font-size: 16px !important;} .dropbtn span{ min-width: 90px;font-weight: 400;} .dropbtn svg { width: 20px;} .dropbtn svg path { fill: #fff;} .right_menu_one .custom-mein-monto .dropdown-content a { background: #ebebeb !important; color: #1E456C !important; font-size: 15px !important;} .right_menu_one .custom-mein-monto .dropdown-content a img { filter: brightness(1) invert(1); width:18px;} .right_menu_one .custom-mein-monto .dropdown-content a:hover, .right_menu_one .custom-mein-monto .dropdown-content a:focus{ color:#00acd5 !important;} .dropdown-content div { display: flex; padding: 10px 23px;} .dropdown-content div p { margin: 0; } .dropdown-content div p > a:first-child { display: none;} .dropdown-content div a { padding: 0 !important; font-weight: 400;} #ast-scroll-top span { padding-top: 30px !important; line-height: 35px; } .style-1 h3, .style-1 p a { color: #fff; } .style-1 p a { border: 1px solid #fff; border-radius: 5px; padding: 7px 30px; font-size: 18px;} .style-1 p a:hover { background: #6ec1e4; border-color: #6ec1e4;} .login_form form .button { border-radius: 4px; margin-right: 11px; padding: 12px 30px; width: auto; min-width: auto; font-size: 16px !important;} button#cancel-crop-button:hover, button#crop-image-button:hover{ background: #36AFD8 !important; color: #fff !important;} .custom-search.two_custom div i.fa.fa-map-marker {display: none !important;} body .wppb-subscription-plans .pms-subscription-plan input{ margin: 0 auto 20px auto !important; display: block;} body .wppb-subscription-plans .pms-subscription-plan { text-align: center;} #profile_edit #select_user_to_edit_form .select2.select2-container { width: auto; margin: 0; font-size: 15px; padding: 0; margin-top: 5px;} #profile_edit #select_user_to_edit_form .select2.select2-container .select2-selection.select2-selection--single { padding: 5px;} .toggle-password, .show-password-toggle { position: absolute; right: 10px; margin-top: 10px; opacity: 0.5;} /* ------- breadcrumb details page ------- */ .breadcrumb_outer .container { max-width: 1280px; margin: 0 auto;} .breadcrumb_outer .row {display: flex; gap: 20px;} .breadcrumb_outer .breadcrumb { display: flex; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem;} .breadcrumb_outer .breadcrumb { margin: -20px 0 20px 0; padding: 0; background: transparent; font-size: 15px;} .breadcrumb_outer .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; padding-left: .5rem; color: #6c757d; content: "/";} .breadcrumb_outer .breadcrumb li a { color: #1e456c;} /* .elementor-element.elementor-element-ac9c7b2.elementor-widget.elementor-widget-shortcode{ text-align: center; } */ /* .pagination .btn.btn-default.next { display: none !important; } */ #toggle-phone { background: #e5f2f7; color: #1e456c; padding: 5px 14px; border-radius: 20px;} /* .video-wrapper { position: relative; width: 100%; max-width: 720px; margin: auto;} video { width: 100%; display: block;} */ .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px; background: rgba(0, 0, 0, 0.6); color: white; border: none; border-radius: 50%; width: 80px; height: 80px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s; letter-spacing: -8px;} .play-button.hidden { opacity: 0; pointer-events: none;} /* CALCULATOR */ .calculator { margin: 10px auto 30px auto; max-width: 865px;} .calculator .container { max-width: 1280px;margin: 0 auto;} .calculator h3 { margin-bottom: 15px; display: flex; align-items: center;} .calculator h3 img{margin-right: 2px;} .calculator .container .row { max-width: 100%; margin: 0 auto;} .calculator-wrap {width: 100%;padding: 30px;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; background-color: #fff;} .calculator input[type="checkbox"]:checked{color: #ffffff;border: 1px solid #0f1729;background: #0f1729 !important;} .calculator input[type="radio"]:checked{color: #0f1729;border: 1px solid #0f1729; background: #fff !important;} .calculator input[type="checkbox"]::before {border-color: #ffffff; } .calculator input[type="radio"]::before{border-color: #0f1729; } .calculator .list-box {margin-bottom: 20px;} .calculator .list-box p { margin-bottom: 0px; font-family: "Source Sans 3", Sans-serif; font-size: 18px; font-weight: 400; line-height: 28px;} .calculator .list-box ul.switch-wrap label:first-of-type{margin-left: 0px; min-width: 350px;} .calculator .list-box ul.switch-wrap li{margin-bottom: 10px; align-items: center;} .calculator .calculator-wrap ul {list-style: none;padding: 0;margin: 0;/*gap: 15px; flex-wrap: wrap; display: flex;*/} .calculator ul li {display: flex;align-items: center;} .calculator .list-box label {margin-left: 7px;margin-top: 4px; font-family: "Source Sans 3", Sans-serif; font-size: 16px; font-weight: 400; line-height: 26px;} .calculator input[type="text"] { font-family: "Source Sans 3", Sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; padding: 10px 15px;border-radius: 5px;border: 1px solid #ccc;width: 100%;outline: none;} .calculator .submit-button { padding: 7px 20px; background: #0f1729; width: 100%; border-radius: 6px; text-align: center; color: #fff; font-weight: 400; margin-bottom: 20px; display: flex; font-size: 16px; align-items: center; justify-content: center;} .calculator .cost-wrap {width: 100%;padding: 20px;border-radius: 10px;background-color: #f3f4f6;}.cost-wrap p{ margin-bottom: 0px; color: #9197a0; line-height: normal;} /* .cost-wrap .search-btn { border-radius: 5px; padding: 12px 20px; border: none; background-color: #fff; text-decoration: none; display: inline-block; color: #0f1729;} */ .calculator .cost-wrap h3{margin-bottom: 5px;} .calculator .calculator-wrap .switch {font-size: 16px;position: relative;display: inline-block;width: 60px;height: 34px;} .calculator .calculator-wrap .switch input {opacity: 0;width: 0;height: 0;} .calculator .list-box ul.switch-wrap li:last-child { margin-bottom: 0;} .calculator .calculator-wrap .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;border: 1px solid #adb5bd !important;transition: .4s;border-radius: 30px;} .calculator .calculator-wrap .slider:before {position: absolute;content: "";height: 27px;width: 27px;border-radius: 20px;left: 0.27em;bottom: 3px;background-color: #adb5bd;transition: .4s;} .calculator .calculator-wrap input:checked + .slider {background-color: #fff;border: 1px solid #0f1729;} .calculator .calculator-wrap input:focus + .slider {box-shadow: 0 0 1px #0f1729;} .calculator .calculator-wrap input:checked + .slider:before {transform: translateX(20px);background-color: #fff;} .calculator .calculator-wrap .caclulator-amt {margin-top: 10px; width: 100%; display: flex; justify-content: end; background-color: #51b7bc; border-radius: 50px; align-items: center; color: #fff;} .calculator .calculator-wrap .caclulator-amt p{margin-right: 10px;} .calculator .calculator-wrap .caclulator-amt button{text-transform: uppercase; background-color: #3b8993; padding: 15px 20px; text-align: center;color: #fff;} .calculator .calculator-wrap input:checked + .slider::before { transform: translateX(24px); background-color: #51b7bc;} .table_custom table { text-align: left;} .table_custom table th:first-child{ text-align:left;} .table_custom table th, .table_custom table td { padding: 8px 20px; font-size: 15px; text-align:center;} .table_custom table th{line-height:18px;} .table_custom table td img { max-width: 18px;} .table_custom th span{display: inline-block; width: 12px; height: 12px;border-radius: 100px; margin-bottom: 0px;} .table_custom .basic_color { background: #18a61d; } .table_custom .pro_color { background: #0d54c8; } .table_custom .prem_color { background: #e38320; } .table_custom .ulti_color { background: #c60f1f; } .table_custom .elementor-widget-container { overflow: auto;} .table_custom h2{margin-bottom:20px;} .pms-subscription-plan-name {color: #02a6d3; font-size: 18px; display: block; margin-bottom: 10px; font-weight: 600;} .pms-subscription-plan-price {font-weight: 600; font-size: 22px;} .pms-subscription-plan-description {color: #868686; font-weight: 400; font-size: 15px; line-height: 21px;} .login_form form .wppb-subscription-plans .pms-subscription-plan { border-top: 4px solid #1e456c; padding: 15px; margin-bottom: 0px;} .login_form form .wppb-form-field label{margin-bottom:20px;} .pms-subscription-plan-price .pms-divider:first-child{display:none;} #wppb-edit-user ul .form_group.company_name, #wppb-edit-user ul .form_group.phone, #wppb-edit-user ul .form_group.mobile, #wppb-edit-user ul .form_group.fax_number, #wppb-edit-user ul .form_group.email, #wppb-edit-user ul .form_group.address, #wppb-edit-user ul .form_group.user_name, #wppb-edit-user ul .form_group.password, #wppb-edit-user ul .form_group.confirm_password, #wppb-edit-user ul .form_group.profile_image{ flex: 0 0 calc(50% - 10px);} nav.hfe-nav-menu__submenu-arrow .hfe-nav-menu li:nth-child(3) a { border: 2px solid #1E456C; padding: 11px 20px !important; margin: 5px 0; border-radius: 3px;} nav.hfe-nav-menu__submenu-arrow .hfe-nav-menu li:nth-child(3) a:hover { background: #36AFD8; color:#fff !important; border-color: #36AFD8;} nav.hfe-nav-menu__submenu-arrow .hfe-nav-menu li:nth-child(3).current_page_item a{ background: #36AFD8; color:#fff !important; border-color: #36AFD8;} .plumber_grid.installateur_list { margin-top: 30px !important;} .plumber_grid.installateur_list .plumber-grid-wrapper {} .plumber_grid.installateur_list .plumber-item { box-shadow: 0 0 30px rgba(0,0,0,.09) !important; border-radius: 7px; padding: 0px; background: #fff; overflow: hidden;} .plumber_grid.installateur_list .plumber-item .image-profile { width: 100%; max-height: 190px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; object-fit: cover;} .plumber_grid.installateur_list .plumber-item .image-profile img { width: 100%; max-width: 100%;} .plumber_grid.installateur_list .plumber-item .content-profile { padding: 0px 10px 10px 10px; text-align: left;} .plumber_grid.installateur_list .plumber-item .content-profile .services_details { margin-bottom: ; margin-bottom: 0;} @media only screen and (max-width: 991px) { .plumber_grid.installateur_list .plumber-grid-wrapper { display: grid !important; grid-template-columns: repeat(3, 1fr) !important;} } @media only screen and (max-width: 991px) { .plumber_grid.installateur_list .plumber-grid-wrapper { display: grid !important; grid-template-columns: repeat(2, 1fr) !important;} } @media only screen and (max-width: 389px) { .plumber_grid.installateur_list .plumber-grid-wrapper { display: grid !important; grid-template-columns: repeat(1, 1fr) !important;} } .plumber_slider.installateur_list { } .plumber_slider.installateur_list .image-profile { min-height: 170px; max-height: 170px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .plumber_slider.installateur_list .image-profile img { height: 100%; width: 100%; } /*------------------ MEDIA START ------------------ */ @media only screen and (max-width:1359px) { .testo_section .wpmslider-controls a.wpmslider-next{right: -50px !important;} .testo_section .wpmslider-controls a.wpmslider-prev{left: -50px !important;} .counter_section .e-con-inner, .testo_section .elementor-widget-strong_testimonials_elementor_views, .categori_heading .e-con-inner, .categori_list .e-con-inner, footer .e-con-inner, .post_section .e-con-inner, .how_does .e-con-inner, .blog_listing .e-con-inner, .single_blog .row, .profiel_section.after_login .container {max-width:calc(100% - 20px) !important; margin: 0 auto;} } @media only screen and (max-width:1279px) { .blog_listing .post-thumbnail { min-height: 180px; max-height: 180px;} .page-template-installateur-details .installateur_right{width: calc(100%);} /* width: calc(100% - 20px) */ .installateur_list, .breadcrumb_outer { padding: 0px 10px; } .angebot_section img{ width:100%;} .angebot_section ol { margin: 0; padding-left: 0px; position: relative; counter-reset: section; margin-left: 0px;} .angebot_section ol li {padding-left: 120px; min-height: 150px; } .angebot_section ol li:before {left: 0; padding: 10px; font-size: 46px; color: #1E456C; } .banner_section .e-con-inner img { min-width: auto; margin-bottom: 0;} .banner_section p { line-height: 26px !important;} header nav ul li { margin-left: 3px !important;} h1 { font-size: 53px !important; line-height: 63px !important;} h2, h2 strong, h2 strong { font-size: 43px !important; line-height: 53px !important;} .counter_section h2 { font-size: 63px !important;} .post_section .post-grid-inner .post-grid-thumbnail, .post_section .post-grid-inner .post-grid-thumbnail a, .post_section .post-grid-inner .post-grid-thumbnail a img { min-height: 210px;} .rating ul label{min-width: 80px;} } @media only screen and (max-width:1179px) { .reecnt_post h2 { font-size: 29px !important; line-height: 32px !important; } .leistungen h4{flex-wrap: wrap;} .img_listing{ flex-wrap: wrap;} .filter{position: relative; top: 0;} .angebot_section ol li p{font-size: 16px; line-height: 21px;} body .profiel_right form .time-slots label { max-width: 100% !important; } body .profiel_right .time-slots { flex: 0 0 100%; justify-content: flex-start; } } @media only screen and (max-width:1029px) { .rating ul li { flex-wrap: wrap;} .rating ul li > span { width: 100%; padding-left: 30px; } } @media only screen and (min-width:992px) { .col-lg-9 #ubersicht .filter { display: none; } .open_close { display: none; } } @media screen and (min-width: 992px) and (max-width: 1159px) { .offnungszeiten.border_top.days li label { display: flex; flex-direction: column;} .offnungszeiten.border_top.days li label span { width: 100%; margin-left: 0;} } @media only screen and (max-width:991px) { .col-lg-9 #ubersicht .rating { margin-bottom: 0;} .col-lg-9 #ubersicht .rating .rating_static { margin-top: 7px;} .col-lg-9 #ubersicht .rating > span { margin-top: -15px;} .col-lg-9 #ubersicht .btnright a { margin-bottom: 0px; text-align: center; font-size: 14px;} .col-lg-9 #ubersicht .filter { padding: 0; background: #ffff !important; box-shadow: none !important;} .col-lg-9 #ubersicht .filter .gallery_left, .col-lg-9 #ubersicht .filter .gallery_left.video_left{ display:block !important;} .installateur_list .col-lg-2 .filter .offnungszeiten, .installateur_list .col-lg-2 .filter .gallery_left.video_left, .installateur_list .col-lg-2 .filter .gallery_left { display:none;} .page-template-installateur-details .installateur_list .row { flex-direction: column-reverse;} /* .page-template-installateur-details .installateur_list .filter .links, */ .page-template-installateur-details .installateur_list .gallery_left { display: none;} .page-template-installateur-details .installateur_list .leistungen h4 { border: 0px; margin-top: 0; padding-top: 0;} .page-template-installateur-details .installateur_list .row > div { width: 100%;} .page-template-installateur-details .installateur_list .open_close { display: none;} .page-template-installateur-details .installateur_list .filter { display: block;} .right_menu_one .last_menu a{ padding: 10px 13px; font-size: 13px !important; } .filter { display: none; } .filter.active { display: block; } .open_close::before { content: ''; border-top: 5px solid #1E456C; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; right: 15px; top: 20px; } .open_close { position: relative; } .counter_section .e-con-inner { padding: 40px 10px 40px 10px;} .accordina_section{width: calc(100% - 20px) !important;} header nav ul li a { padding-left: 5px !important; padding-right: 5px !important; font-size: 14px;} header nav li.elementor-button-wrapper a { font-size: 15px !important;} .custom-search{min-width: 410px !important;width: 100% !important;flex-wrap: wrap;} .services_right .elementor-widget-image figcaption{word-wrap: anywhere;} .counter_section p { font-size: 16px !important;} .counter_section h2 { font-size: 51px !important; } .finden_section h2 br { display: none;} .besten_section > .e-con-inner { padding-top: 40px;} .categori_list li a, .categori_list li a span{font-size: 16px !important; line-height: 20px;} .categori_list li { margin-bottom: 8px !important;} /* .popup_form .e-con-inner { padding-top: 90px; } .popup_form .e-con-inner #modalMultiStep{height: calc(100vh - 100px);} */ .multi_popup_form .e-con-inner { padding-top: 90px; } .multi_popup_form .e-con-inner #modalMultiStep{height: calc(100vh - 100px);} .services_home .e-con-inner { flex-direction: column !important;} .services_home .e-con-inner > div{ width:100%} .services_home .e-con-inner .services_right { padding: 0 !important;} h2, h2 strong, h2 strong { font-size: 31px !important; line-height: 39px !important; } .finden_section .e-con-inner { flex-direction: column !important; justify-content: center !important; text-align: center; gap: 10px;} .finden_section .e-con-inner > div { max-width: 100% !important; width: 100%; text-align: center !important; justify-content: center; align-items: center;} .elementor-button, .testimonial-content p a, .finden_section a { padding: 10px 10px !important; font-size: 15px !important;} .finden_section h2 { text-align: center;} .finden_section .elementor-widget-button { margin: 0 auto;} .post_section .post-grid-inner .title, .post_section .post-grid-inner .title a{font-size: 18px;} .listing_outer .customm_list ul li{flex: 0 0 33.3%;} p { font-size: 15px;} .installateur_list .row, .profiel_section .row { flex-wrap: wrap;} .col-lg-2 { flex: 0 0 100%; width: 100%;} .rating ul li > span { width: auto;} .two_col.m-0 span { flex: 0 0 calc(33.3% - 10px);} .two_col.m-0 { display: flex; flex-wrap: wrap;} .single_blog .row .col-lg-9 { flex: 0 0 calc(100% - 0px); max-width: calc(100% - 0px); } .single_blog .row .col-lg-3 { flex: 0 0 calc(100% - 0px); max-width: calc(100% - 0px);} .blog_listing .custom-post-grid .post-item { flex: 0 0 calc(50% - 14px); } .single_title h1{font-size: 41px !important; line-height: 46px !important;} .blog_listing .post-thumbnail { min-height: 180px; max-height: 180px;} .after_login .filter{margin: 15px 0;} #profile_edit #wppb-edit-user li p{ width: 60%; } .custom-search.two_custom { max-width: 100%; flex-wrap: wrap;} .dropbtn span { min-width: 70px; font-size: 14px;} .listing_outer .customm_list ul { padding-left: 8px; } .gallery_left ul li:first-child{max-height: 250px; height: 250px;} .gallery_left ul li{ max-height: 150px; height: 150px; } .content .right .btnright { flex-direction: column; display: flex; } .filter .leistungen .item .img { height: 210px; } .filter .leistungen .item .img img{ width: 100% !important;} .gallery_left ul li a img { width: 100%; } .map a{left: 44%;} } @media only screen and (max-width:767px) { .calculator .calculator-wrap input:checked + .slider::before { transform: translateX(20px);} .header .e-con-inner .right_menu_one { display: flex; justify-content: flex-end; flex-direction: row-reverse !important; align-items: center;gap: 2px;} .header .e-con-inner .right_menu_one .elementor-widget-html { margin-left: auto;} .header .e-con-inner .right_menu_one .hfe-nav-menu__align-left{width: 40px;} .header .e-con-inner .attachment-medium {max-width: 130px !important;} header .e-con-inner > div { flex: content !important;} .custom-login a img, .custom-mein-monto a img { margin-right: 0px;} .dropbtn span { min-width: 70px; font-weight: 400; font-size: 14px; } .dropbtn{ gap: 0px; padding: 10px 10px;} #wppb-edit-user .gallery_images::after{margin-top: -30px;} #wppb-edit-user ul .form_group.company_name, #wppb-edit-user ul .form_group.phone, #wppb-edit-user ul .form_group.city, #wppb-edit-user ul .form_group.postcode, #wppb-edit-user ul .form_group.email, #wppb-edit-user ul .form_group.web_url, #wppb-edit-user ul .form_group.videolink, #wppb-edit-user ul .form_group.specializations, #wppb-edit-user ul .form_group { flex: 0 0 calc(100% - 0px);} #wppb-register-user .form_group, #wppb-register-user .form_group.address { flex: 0 0 calc(100% - 0px); } /* body.popup-open .modal .modal-content{transform: translateY(-40%);} */ .modal-content{ width: 90%;} .blog_listing .post-thumbnail { min-height: 160px; max-height: 160px;} .search-result rating { position: relative; right: unset;} .services_home h2, .services_home p { text-align: center !important;} .services_home .e-con-inner { text-align: center !important;} .services_home .e-con-inner .services_right { margin-top: 10px; padding: 15px !important;} .strong-rating-wrapper .star svg { width: 20px !important;} .strong-view.wpmtst-default.controls-type-sides .wpmtst-testimonial-inner { padding: 0px;} .testo_section .wpmslider-controls a { width: 30px !important; height: 30px !important; padding: 0;} .strong-view.wpmtst-default .wpmtst-testimonial-field { text-align: center !important; line-height: 32px;} .strong-view.wpmtst-default .wpmtst-testimonial-heading { text-align: center !important;} .testo_section .elementor-widget-strong_testimonials_elementor_views { padding: 15px;} .testo_section .wpmslider-controls a.wpmslider-prev{ left: -10px !important; } .testo_section .wpmslider-controls a.wpmslider-next { right: -10px !important; } .listing_outer .customm_list ul li { flex: 0 0 50%; } header .e-con-inner { display: flex;} header .e-con-inner > div { flex: content !important; justify-content: center;} header .e-con-inner > div img { max-width: 190px !important;} header nav ul li:last-child a { max-width: 100%; background: #1E456C !important; color: #fff !important; font-size: 18px !important; margin-top: 5px; justify-content: center !important; align-items: center !important; gap: 7px; font-size: 16px !important;} header nav ul { padding: 5px !important;} header nav ul li:last-child a:hover, header nav ul li:last-child a:focus { background: #36AFD8 !important;} h1 { font-size: 36px !important; line-height: 43px !important; } h2, h2 strong, h2 strong { font-size: 31px !important; line-height: 33px !important; } .custom-search { min-width: 290px !important;} /* .banner_section .e-con-inner { flex-direction: column-reverse !important;} */ .banner_section .e-con-inner img { margin-bottom: -20px; margin-left: 0;} .custom-search-input{font-size: 14px !important;} .custom-search-botton{padding: 10px 10px; font-size: 15px;} .services_home p br, .how_does p br, .besten_section p br, .testo_section p br { display: none !important;} .services_right > div { padding: 0;} .counter_section { padding: 20px 0 30px 0; border-radius: 0px !important;} .counter_section .e-con-inner { padding: 15px !important; row-gap: 20px; border-radius: 10px !important; } .angebot_section .elementor-widget-text-editor { margin-left: 0;} .angebot_section ol li::before{font-size: 26px; width: 70px; height: 70px;} .angebot_section ol li{ padding-left: 80px;} .finden_section h2 { text-align: center;} .finden_section .elementor-widget-button{ width:100% !important; text-align:center;} .faq_section .e-con-inner { padding-top: 40px;} .post_section .e-con-inner { padding-bottom: 40px;} /* #profile_edit #wppb-form-element-2, #profile_edit #wppb-form-element-3, #profile_edit #wppb-form-element-4, #profile_edit #wppb-form-element-12, #profile_edit #wppb-form-element-13, #profile_edit #wppb-form-element-18{flex: 0 0 calc(50% - 10px) !important;} */ .custom-search.two_custom div { flex-wrap: wrap;width: 100%;flex: 0 0 auto; } .strong-view.wpmtst-default.controls-type-sides .wpmtst-testimonial-inner{ padding-left: 30px !important; padding-right: 30px !important; } .testo_section p.elementor-heading-title { padding-left: 5px; padding-right: 5px; } .right_listing { padding: 17px 15px; } footer .e-con-inner { max-width: calc(100% - 0px) !important; } /* CALCULATOR */ .calculator .container{max-width: auto; padding: 10px;} .calculator{margin: 20px 0;} .calculator-wrap{padding: 15px;} #wppb-edit-user ul .form_group.company_name, #wppb-edit-user ul .form_group.phone, #wppb-edit-user ul .form_group.mobile, #wppb-edit-user ul .form_group.fax_number, #wppb-edit-user ul .form_group.email, #wppb-edit-user ul .form_group.address, #wppb-edit-user ul .form_group.user_name, #wppb-edit-user ul .form_group.password, #wppb-edit-user ul .form_group.confirm_password, #wppb-edit-user ul .form_group.profile_image{ flex: 0 0 calc(100% - 0px);} } @media only screen and (max-width:679px) { .content .left { width: 100%;} .multi_popup_form .e-con-inner { padding-left: 15px; padding-right: 15px; } .steps h4 { line-height: 23px; margin-bottom: 20px; margin-top: 20px; } #modalMultiStep .progress-bar .custStepsSHow{ width: 100%; left: 0; text-align: left; min-width: 150px;} #custStepsSection.steps{max-height: 100%;} .profiel_right .right_listing .head { flex-direction: column;} .profiel_right .right_listing .head > span { margin-left: 0; margin-top: 10px;} .content-details .img_profile { max-width: 100px; height: 100px; border-radius: 100px; margin-top: -80px;} .content-details { flex-direction: column;} .content .right a { font-size: 14px; padding: 13px 10px; text-align: center;} .content { flex-direction: column; justify-content: flex-start;} .content .right .rating { justify-content: flex-start;} .review_top { flex-direction: column; gap: 10px;} .review_top a { font-size: 14px; text-align: center;} .review_wrapper { flex-direction: column;} .left_review, .right_review { width: 100%;} .left_review{ border-right: 0px;} .single_title h1{ font-size: 36px !important; line-height: 46px !important; word-wrap: anywhere; } .calculator .list-box ul.switch-wrap label:first-of-type{min-width: unset;width: calc(100% - 50px);} .calculator .list-box ul.switch-wrap li{justify-content: space-between;} } @media only screen and (max-width:479px) { .login_form form .wppb-subscription-plans .pms-subscription-plan { flex: 0 0 calc(100% - 0px); } /* #modalMultiStep .progress-bar .custStepsSHow { left: 110px; min-width: 100px; } */ .listing_outer .customm_list ul li { flex: 0 0 100%; } .search-result .top .image-profile { flex: 0 0 100%; width: 100%; max-width: 100%;} .search-result .top { flex-wrap: wrap;} /* .filter_name { flex-wrap: wrap; gap: 10px; } */ .custom-search { min-width: 260px !important; } .two_col.m-0 span { flex: 0 0 calc(50% - 10px); } .search-result .base-info div { word-wrap: anywhere; font-size: 14px; } .inner_banner{ padding: 30px 15px; } .blog_listing .custom-post-grid{ flex-direction: column;} .review_sort{flex-direction: column; align-items: flex-start;} .right_review span{width: 70px;} .right_review .progress{width: 70%; margin: 0 10px;} /* #profile_edit #wppb-form-element-2, #profile_edit #wppb-form-element-3, #profile_edit #wppb-form-element-4, #profile_edit #wppb-form-element-12, #profile_edit #wppb-form-element-13, #profile_edit #wppb-form-element-18, #profile_edit #wppb-form-element-16, #profile_edit #wppb-form-element-15, #profile_edit #wppb-form-element-24, #profile_edit #wppb-form-element-25, #profile_edit #wppb-form-element-8, #profile_edit #wppb-form-element-9, #profile_edit #wppb-form-element-19, #profile_edit #wppb-form-element-32{flex: 0 0 calc(100% - 0px) !important;} */ /* .wppb-checkbox .wppb-checkboxes li{flex: 0 0 calc(50% - 12px);} */ .wppb-subscription-plans table, .wppb-subscription-plans table th, .wppb-subscription-plans table td{font-size: 12.5px;} .wppb-user-forms .wppb-checkboxes li { padding-right: 0 !important; } .right_listing table.subscriptions-tbl th{font-size: 14px; line-height: 17px;} #bestellungen { overflow: scroll; } .map a { left: 34%; } .gallery_left ul li { max-height: 90px;} .gallery_left ul li:first-child { max-height: 180px; height: 180px; } .calculator ul li{width: 100%;} }