/* Theme Name: Bridge Child Theme URI: http://demo.qodeinteractive.com/bridge/ Description: A child theme of Bridge Theme Author: Qode Interactive Author URI: http://www.qodethemes.com/ Version: 1.0.0 Template: bridge */ @import url("../bridge/style.css"); .header_inner_left { width: 40px; } body { font-family: ingra, sans-serif; } /* # Maintenance CSS # --------------------------------- */ /* Subpage disable header + footer for maintenance @media only screen and (max-width: 1000px) { body.page-id-200 .page_header, body.page-id-116 .page_header, body.page-id-118 .page_header { display: none!important; } } body.page-id-200 .page_header, body.page-id-116 .page_header, body.page-id-118 .page_header { opacity: 0!important; } body.page-id-200 .footer_inner.clearfix, body.page-id-116 .footer_inner.clearfix, body.page-id-118 .footer_inner.clearfix, body.page-id-200 .footer_bottom, body.page-id-116 .footer_bottom, body.page-id-118 .footer_bottom { display: none!important; } */ /* # Hover Image CSS # --------------------------------- */ .mh-hover-img-row-wrapper .section_inner_margin.clearfix { margin-left: -65px; margin-right: -65px; } .mh-info-text { position: relative; bottom: 80px; text-align: center; width: 100%; opacity: 0; } .mh-hover-img:hover, .mh-hover-img-wrapper:hover .mh-hover-img { opacity: 0.3!important; } .mh-hover-img-wrapper:hover .mh-info-text { opacity: 1; } .mh-hover-img, .mh-info-text { -webkit-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } .mh-hover-img-wrapper { padding: 35px 35px 0px 35px; margin-bottom: -13px; } .mh-hover-img-wrapper .vc_column-inner { padding: 0px; } /* ESS Hover Images */ .eg-simple-overlay-wrapper .esg-entry-cover, .eg-simple-overlay-for-impressions-wrapper .esg-entry-cover, .eg-simple-overlay-with-logo-wrapper .esg-entry-cover, .eg-simple-overlay-without-link-wrapper .esg-entry-cover, .eg-simple-overlay-with-logo-without-link-wrapper .esg-entry-cover { background: rgba(255,255,255,0.2); } /* # Behandlungsspektrum CSS # --------------------------------- */ @media (min-width: 768px) { .mh-spektrum-element-wrapper { height: 580px; } .mh-spektrum-element-wrapper.mh-spektrum-slider { width: 580px; } .mh-spektrum-element-inner-no-hover { display: inline-block; } .mh-spektrum-element-inner-hover { display: none; } .mh-spektrum-element-wrapper:hover .mh-spektrum-element-inner-hover { display: inline-block; } .mh-spektrum-element-wrapper:hover .mh-spektrum-element-inner-no-hover { display: none; } .mh-spektrum-element-logo { width: 100%; } .mh-spektrum-element-inner-no-hover .mh-spektrum-element-logo img { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto!important; margin-right: auto!important; } .mh-spektrum-element-inner-hover .mh-spektrum-element-logo img { display: inline-block; position: relative; top: 48px; padding-right: 25px; } .mh-spektrum-element-inner-hover .mh-spektrum-element-logo img.svg-icon-logo { display: inline-block; position: relative; top: 48px; padding-right: 25px; } .mh-spektrum-element-inner-hover .mh-spektrum-element-logo h2 { display: inline; } .mh-spektrum-element-inner-hover .mh-spektrum-element-logo h3.mh-ft-title-small { position: relative; left: 103px; letter-spacing: 7px; } .mh-spektrum-element-inner-hover .mh-spektrum-element-logo { margin-top: -80px; padding-bottom: 30px; width: 100%; border-bottom: 1px solid; } .mh-spektrum-element-menu-wrapper { padding-top: 45px; } .mh-spektrum-element-wrapper.mh-spektrum-slider h3, .mh-spektrum-element-wrapper.mh-spektrum-slider h2 { text-align: left!important; } .mh-spektrum-element-inner-no-hover { width: 100%;} .mh-spektrum-element-wrapper { display: table; width: 100%; } .mh-spektrum-element-inner { display: table-cell; vertical-align: middle; } .mh-spektrum-element-content { margin-left: auto!important; margin-right: auto!important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media (max-width: 767px) { .mh-home-spektrum .mh-spektrum-element-inner-no-hover, .mh-li-spacer { display: none; } .mh-home-spektrum .mh-spektrum-element-logo { text-align: center; } .mh-home-spektrum .mh-spektrum-element-content { padding: 50px 20px; } .mh-home-spektrum .mh-spektrum-logo-img { margin-bottom: -10px; } .content .full_width_inner .mh-home-spektrum .vc_row.wpb_row.section.vc_row-fluid.vc_inner.mh-home-spektrum-row-1:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding: 0!important; } .content .full_width_inner .mh-home-spektrum .vc_row.wpb_row.section.vc_row-fluid.vc_inner.mh-home-spektrum-row-2:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding: 0!important; } .mh-spektrum-element-inner-hover .mh-spektrum-element-logo h3.mh-ft-title-small { padding-bottom: 30px; } .mh-home-spektrum .mh-spektrum-element-menu-wrapper { max-width: 100%; margin: 0 auto; } .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-row-in-grid-bg.mh-home-spektrum.grid_section { padding-bottom: 0!important; } .mh-overview-cta-wrapper { margin: 0 -100px!important; } } @media (min-width: 768px) and (max-width: 992px) { .content .full_width_inner .mh-home-spektrum .vc_row.wpb_row.section.vc_row-fluid.vc_inner.mh-home-spektrum-row-1:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding-bottom: 0!important; } .content .full_width_inner .mh-home-spektrum .vc_row.wpb_row.section.vc_row-fluid.vc_inner.mh-home-spektrum-row-2:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding-top: 0!important; } .content .vc_row.mh-home-spektrum .mh-spektrum-element-inner-hover .mh-spektrum-element-logo h3, .content .vc_row.mh-home-spektrum .mh-spektrum-element-inner-hover .mh-spektrum-element-logo a { text-align: left; } #michel-kujawski.vc_row.wpb_row.section.vc_row-fluid.vc_inner { padding-top: 0!important; } } .content .mh-spektrum-element-wrapper ul { list-style-position: outside; padding-left: 40px; text-align: left; } /* List Styling */ .mh-spektrum-element-wrapper ul { text-align: center; } .mh-spektrum-element-wrapper.mh-spektrum-dark ul { list-style-image: url('https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-right-white-list-small-iphone.svg'); -webkit-appearance: none; } .mh-spektrum-element-wrapper.mh-spektrum-light ul { list-style-image: url('https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-right-grey-list.svg'); -webkit-appearance: none; } /* iPhone 6 or lower fix */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .mh-spektrum-element-wrapper.mh-spektrum-dark.mh-spektrum-element-wrapper.mh-spektrum-dark ul { list-style-image: url('https://www.mund-harmonie.de/wp-content/uploads/2017/04/mundharmonie-icon-list-white-transparent.png'); -webkit-appearance: none; } .mh-spektrum-element-wrapper.mh-spektrum-light.mh-spektrum-element-wrapper.mh-spektrum-light ul { list-style-image: url('https://www.mund-harmonie.de/wp-content/uploads/2017/04/mundharmonie-icon-list-grey-transparent.png'); -webkit-appearance: none; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .mh-spektrum-element-wrapper.mh-spektrum-dark.mh-spektrum-element-wrapper.mh-spektrum-dark ul { list-style-image: url('https://www.mund-harmonie.de/wp-content/uploads/2017/04/mundharmonie-icon-list-white-transparent.png'); -webkit-appearance: none; } .mh-spektrum-element-wrapper.mh-spektrum-light.mh-spektrum-element-wrapper.mh-spektrum-light ul { list-style-image: url('https://www.mund-harmonie.de/wp-content/uploads/2017/04/mundharmonie-icon-list-grey-transparent.png'); -webkit-appearance: none; } } /* Font CSS */ .mh-spektrum-element-wrapper ul li a { top: -11px; position: relative; } .mh-spektrum-element-inner-no-hover .mh-spektrum-element-logo { text-align: center!important; } .mh-spektrum-element-wrapper.mh-spektrum-dark, .mh-spektrum-element-wrapper.mh-spektrum-dark h2, .mh-spektrum-element-wrapper.mh-spektrum-dark h3, .mh-spektrum-dark a { color: #ffffff!important; border-color: #ffffff!important } .mh-spektrum-element-wrapper.mh-spektrum-light, .mh-spektrum-element-wrapper.mh-spektrum-light h2, .mh-spektrum-element-wrapper.mh-spektrum-light h3, .mh-spektrum-light a { color: #8a8b8f!important; border-color: #8a8b8f!important; } .mh-spektrum-element-logo h2 { font-weight: 300; font-family: bodoni-urw, serif; text-transform: none; letter-spacing: 2px;} /* Spektrum Slider CSS*/ .mh-spektrum-slider .mh-spektrum-element-inner-hover { display: inline-block; } .mh-spektrum-slider .mh-spektrum-element-content { margin: 0 auto!important; } .mh-spektrum-slider .mh-spektrum-element-content:not(.mh-spektrum-element-inner-hover) { text-align:center; } .mh-spektrum-slider .mh-spektrum-element-menu-wrapper a { text-align: left!important; } .mh-spektrum-slider .mh-spektrum-element-menu-element li { padding-bottom: 30px; } .mh-spektrum-slider .mh-spektrum-element-menu-element li:last-child { padding-bottom: 0px; } .mh-spektrum-element-wrapper .mh-spektrum-element-inner .mh-spektrum-element-inner-hover { text-align: left; } .mh-spektrum-element-wrapper .mh-spektrum-element-inner { text-align: center; } /* # Responsive CSS # --------------------------------- */ @media only screen and (max-width: 400px) { h1:not(.mh-ft-title-small) { font-size: 10vw!important; } .mh-ft-h2.mh-ft-h2 { font-size: 10vw; padding-bottom: 24px; } p.mh-ft-h2 { font-size: 10vw!important; } } .tp-caption h1.mh-ft-title-sl { font-size: 40px; } .tp-caption h2.mh-ft-title-sl-small { letter-spacing: 12px; } .op-holiday.highlighted td, .op-irregular-openings dd.highlighted, .op-irregular-openings dt.highlighted, .op-irregular-openings tr.op-irregular-opening.highlighted td, .op-irregular-openings tr.op-irregular-opening.highlighted th, .op-list-holidays .highlighted, span.op-open { color: #add9d8; } /* Specific Header images for iPad orientation */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* For portrait layouts only */ /* Slide 1 */ .page-id-120 .rev_slider_wrapper .tp-revslider-mainul .tp-revslider-slidesli:first-child .tp-bgimg.defaultimg { background-image: url("https://www.mund-harmonie.de/wp-content/uploads/2017/09/mundharmonie-zahnartz-freiburg-unsere-mundharmonie-slider-bg-tablet-1.jpg")!important; } /* Slide 2 */ .page-id-120 .rev_slider_wrapper .tp-revslider-mainul .tp-revslider-slidesli:last-child .tp-bgimg.defaultimg { background-image: url("https://www.mund-harmonie.de/wp-content/uploads/2017/09/mundharmonie-zahnartz-freiburg-unsere-mundharmonie-slider-bg-tablet-2.jpg")!important; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only */ /* Slide 1 */ .page-id-120 .rev_slider_wrapper .tp-revslider-mainul .tp-revslider-slidesli:first-child .tp-bgimg.defaultimg { background-image: url("https://www.mund-harmonie.de/wp-content/uploads/2017/09/mundharmonie-zahnartz-freiburg-unsere-mundharmonie-slider-bg-tablet-1-landscape.jpg")!important; } /* Slide 2 */ .page-id-120 .rev_slider_wrapper .tp-revslider-mainul .tp-revslider-slidesli:last-child .tp-bgimg.defaultimg { background-image: url("https://www.mund-harmonie.de/wp-content/uploads/2017/09/mundharmonie-zahnartz-freiburg-unsere-mundharmonie-slider-bg-tablet-2-landscape.jpg")!important; } } /* # FONT STYLING # --------------------------------- */ /* Unterseiten Styling */ body.page-id-200 p, body.page-id-200 ul, body.page-id-116 p, body.page-id-116 ul, body.page-id-118 p, body.page-id-118 ul { padding-bottom: 25px; } body.page-id-200 h2, body.page-id-116 h2, body.page-id-118 h2 { font-size: 25px; padding: 25px 0px 10px 0px; } body.page-id-200 h3, body.page-id-116 h3, body.page-id-118 h3 { padding: 25px 0px 10px 0px; } body.page-id-200 h1, body.page-id-116 h1, body.page-id-118 h1 { padding: 25px 0px 40px 0px; } h1 { font-family: bodoni-urw, serif; font-size: 50px; } h2 { font-family: ingra-condensed, sans-serif; font-style: normal; font-weight: 200; line-height: 1.5; } p { font-family: ingra, sans-serif; font-style: normal; font-weight: 300; } .mh-no-bot-pad { padding-bottom: 0!important; } .mh-ft-h2 { line-height: 1.1; padding-bottom: 20px; font-size: 29px; } @media only screen and (min-width: 601px) and (max-width: 991px) { h2 { font-size: 5vw; } } @media only screen and (max-width: 991px) { h1, h2, h3, h4, h5, h6, p, .mh-btn-wrapper { text-align: center; } } @media only screen and (max-width: 600px) { .home-slider-logo.home-slider-logo { width: 80vmin!important; height: auto!important; } h2 { font-size: 8vw; } .content .mh-ft-title.mh-ft-title-big { font-size: 8vw; } .content .nf-field-container, .content #ninja_forms_required_items { margin-bottom: 10px; } .team-info-wrapper p { display: none; } .mh-contact-logo-wrapper img { max-width: 230px; } .page-id-373 #nf-field-4-wrap { text-align: center; } .page-id-373 .nf-field-label { width: 100%; text-align: center; } } @media (max-width: 700px) { .esg-bottom .team-info-wrapper h3 { font-size: 5vw;} } .mh-ft-white { color: #ffffff!important; } .mh-ft-gray { color: #8a8b8f!important; } .mh-ft-title { font-weight: 500; font-family: bodoni-urw, serif; text-transform: none; letter-spacing: 1px; } h2.mh-ft-title { line-height: 1.1; padding-bottom: 40px; } .mh-ft-title-small, .mh-spektrum-element-wrapper p, .mh-spektrum-element-wrapper a, .mh-megamenu-element-wrapper p, .mh-megamenu-element-wrapper a, .team-info-wrapper p, .nf-field .nf-field-label label { text-transform: uppercase; letter-spacing: 3px!important; font-family: ingra-condensed, sans-serif!important; font-style: normal; font-weight: 300; padding-bottom: 14px; font-size: 18px; } .team-info-wrapper p { padding: 0 2vw!important; } .mh-megamenu .mh-ft-title, .mh-spektrum-element-wrapper .mh-ft-title-small, .mh-megamenu .mh-ft-title-small, .page:not(.home) .mh-row-in-grid-bg .mh-ft-title-small, .mh-slider-box .mh-ft-title-small { letter-spacing: 6px!important; } .team-info-wrapper h3 { font-weight: 300; font-family: bodoni-urw, serif; text-transform: none; letter-spacing: 2px; font-size: 36px; padding: 5px 15px 15px 15px; line-height: 1.2; } .impression-info-wrapper p { padding: 0 80px; } .impression-info-wrapper h3 { font-weight: 300; font-family: bodoni-urw, serif; text-transform: none; letter-spacing: 2px; font-size: 28px; padding: 5px 15px 15px 15px; line-height: 1.2; } .mh-ft-title.mh-ft-title-big { font-size: 40px; line-height: 1.5; } .mh-ft-letterspacing { letter-spacing: 9px; } .mh-ft-title-medium { text-transform: uppercase; letter-spacing: 1px; } .mh-ft-ingra { font-family: ingra, sans-serif!important; } /* Highlight Color */ ::-moz-selection { background-color: #8a8b8f; color: #fff; } ::-moz-selection { background-color: #8a8b8f; color: #fff; } ::selection { background-color: #8a8b8f; color: #fff; } /* Slider Fonts */ .mh-ft-title-sl { font-weight: 300; letter-spacing: 5px; color: #ffffff; font-size: 30px; } .mh-ft-title-sl-small { font-family: ingra, sans-serif; text-transform: uppercase; letter-spacing: 8px; font-weight: light; color: #ffffff; font-size: 17px } .mh-ft-title-sl-2 { font-weight: 300; letter-spacing: 5px; color: #ffffff; font-size: 50px; font-family: bodoni-urw, serif; } .mh-ft-title-sl-2-small { text-transform: uppercase; letter-spacing: 10px; font-weight: light; color: #ffffff; font-size: 18px; font-family: ingra, sans-serif; font-style: normal; font-weight: 200!important; } /* # Button Styling # --------------------------------- */ a.mh-btn, .nf-field-element input[type="button"], .form-submit input[type="submit"], .cff-meta-wrap .cff-post-links a.cff-viewpost-facebook { -webkit-appearance: none; padding: 10px 55px 8px 55px!important; text-transform: uppercase!important; border-style: solid!important; border-radius: 30px!important; line-height: 1!important; text-transform: uppercase!important; letter-spacing: 4px!important; font-family: ingra-condensed, sans-serif, sans-serif!important; font-style: normal!important; font-weight: 300!important; font-size: 18px!important; text-decoration: none!important; } a.mh-btn-white, .cff-meta-wrap .cff-post-links a.cff-viewpost-facebook, .mh-more-btn-white .mh-btn-read-more { -webkit-appearance: none; background-color: #ffffff!important; color: #8a8b8f!important; } a.mh-btn-grey, .mh-more-btn-grey .mh-btn-read-more { background-color: #c7c6c4!important; color: #ffffff!important; } a.mh-btn-white-2 { background-color: #f2f1ed!important; padding: 15px 55px; text-transform: uppercase; letter-spacing: 5px; border-radius: 30px; color: #8a8b8f!important; line-height: 1; } .mh-more-btn-center .mh-btn.mh-btn-read-more.mh-btn-grey { margin-left: auto!important; margin-right: auto!important; } .wpb_raw_code.wpb_content_element.wpb_raw_html.mh-more-btn-center .mh-btn.mh-btn-read-more { margin-bottom: 0px; } button, input, textarea { -webkit-appearance: none; -moz-appearance: none; } .mh-btn-plus.mh-btn-plus.mh-btn-plus { padding: 0!important; width: 55px!important; height: 55px!important; display: inline-block!important; background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-plus-grey.svg) no-repeat!important; background-size: cover!important; border: 0!important; } .mh-btn-wrapper.mh-btn-plus-wrapper{ padding: 0!important; } .mh-overview-cta-wrapper-kinderzahnheilkunde .mh-btn.mh-btn.mh-btn { padding: 10px 20px 8px 20px!important; } /* # SITE LAYOUT # --------------------------------- */ /* Homepage Revslider Fullscreen Fix */ .page-id-10 .container .container_inner.default_template_holder.clearfix.page_container_inner { padding-top: 0px!important; } /* VC Spacing */ .full_width_inner .vc_row.wpb_row.section.vc_row-fluid:not(.vc_inner) { padding-top: 50px; padding-bottom: 50px; } .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_inner:not(.mh-hover-img-row-inner) { padding: 50px 0; } .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_column-inner { padding: 0px; } .content div div.vc_row.wpb_row.vc_row-fluid.ms-row-no-bot-pad { padding-bottom: 0px!important; } .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-entry-text-wrapper:not(.vc_inner) { padding-bottom: 0px; } @media (min-width: 1250px) { .page-id-373 .content.content_top_margin_none { padding-top: 80px!important; } } .vc_empty_space.dglo-res-spacer { padding-bottom: 50px; } .vc_empty_space.dglo-res-spacer-small{ padding-bottom: 25px; } /* Subpage entry text spacing */ @media (min-width: 768px) and (max-width: 991px) { .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-entry-text-wrapper .vc_inner:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding: 0px!important; } } @media (max-width: 768px) { .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-entry-text-wrapper .vc_inner:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding: 25px 0 0!important; } } /* Multi-column layout CSS */ @media only screen and (min-width: 992px) { .mh-img-container.wpb_column.vc_column_container { margin-top: -50px; margin-bottom: -50px; } .mh-img-row-content-left.wpb_column.vc_column_container { padding: 0 50px; } .mh-img-row-content-right.wpb_column.vc_column_container { padding: 0 25px 0 50px; } .mh-img-row-wrapper-left { padding-right: 0px!important } .mh-img-row-wrapper-right { padding-left: 0px!important } .mh-team-zitat{ max-height: 26px; } .mh-footer-social { float: right!important; width: 63px; } } /* Single-column layout CSS */ @media only screen and (max-width: 991px) { .page:not(.page-id-120) .mh-img-row-content-left { padding-bottom: 0px; } .mh-overview-cta-wrapper.mh-overview-cta-wrapper .vc_empty_space.dglo-res-spacer { padding-bottom: 50px!important; } .vc_row.wpb_row.section.vc_row-fluid.vc_inner.mh-overview-cta-wrapper.grid_section.vc_row.wpb_row.section.vc_row-fluid.vc_inner.mh-overview-cta-wrapper.grid_section { padding-top: 50px!important; } .wpb_column.vc_column_container.vc_col-sm-6.vc_hidden-lg.vc_hidden-md.vc_col-sm-offset-3.vc_col-xs-12 .mh-hvr-img-wrapper { padding: 25px 25px 50px 25px; } .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid:not(.vc_inner) { padding-top: 25px!important; padding-bottom: 25px!important; } .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-contact-cta-wrapper:not(.vc_inner), .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-team-grid-wrapper:not(.vc_inner), .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_inner.mh-row-no-bot-pad-mobile:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg), .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_inner.ms-row-first-content-wrapper:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding-bottom: 0px!important; } .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_inner.ms-row-first-content-wrapper:not(.mh-hover-img-row-inner) { padding-top: 0!important; } .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_inner.mh-row-no-bg:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding: 0!important; } .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-row-no-pad-mobile:not(.vc_inner) { padding: 0px!important; } .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid:not(.vc_inner):first-child { padding-top: 0!important; } .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-sl-banner-wrapper:not(.vc_inner) { padding-bottom: 0px!important;} .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_inner:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding: 25px 25px!important; } .content .content_inner .full_width_inner .vc_row.wpb_row.section.vc_row-fluid div.vc_inner.mh-contact-cta-inner-row:not(.mh-hover-img-row-inner):not(.vc_hidden-md):not(.vc_hidden-lg) { padding: 50px 25px!important; } .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_inner.vc_hidden-lg.vc_hidden-md { padding: 0px!important; } .page-template:not(.home) .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-row-in-grid-bg:not(.vc_inner) { padding-top: 0!important; padding-bottom: 2px!important; } .page-template:not(.home) .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-row-in-grid-bg .vc_inner:not(.vc_hidden-lg) { padding-top: 50px!important; padding-bottom: 50px!important; } /* Responsive spacer */ .vc_empty_space.dglo-res-spacer { padding-bottom: 25px!important; } .vc_empty_space.dglo-res-spacer-small{ padding-bottom: 25px!important; } .mh-row-in-grid-bg .mh-title-w-logo h3.mh-ft-title-small {padding-bottom: 23px; } /* Disable hover images on mobile */ /* .page:not(.page-id-120) .mh-hvr-img-wrapper { display: none!important; } */ .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_inner.mh-business-hours-inner-row.grid_section { padding-top: 0px!important; } } @media (max-width: 767px) { .content .mh-spektrum-slider .mh-spektrum-element-menu-element li { padding-bottom: 0px; } } @media only screen and (max-width: 600px) { .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid .vc_inner.mh-img-row-wrapper-right { padding-bottom: 0px!important} } @media only screen and (min-width: 430px) and (max-height: 380px) { .mh-home-slider-logo-wrapper .home-slider-logo { width: 200px!important; height: 118px!important; } .mh-home-slider-logo-wrapper { text-align: center; } } /* # Header CSS # --------------------------------- */ .dark.sticky nav.main_menu>ul>li.active>a, .dark.sticky nav.main_menu>ul>li>a, .dark.sticky nav.main_menu>ul>li>a:hover, .light.sticky nav.main_menu>ul>li.active>a, .light.sticky nav.main_menu>ul>li>a, .light.sticky nav.main_menu>ul>li>a:hover, header.sticky nav.main_menu>ul>li>a { letter-spacing: 4px; font-size: 18px; font-family: ingra-condensed, sans-serif; font-style: normal; font-weight: 300; } nav.main_menu.drop_down.left { padding-left: 10px; } .header_inner_left .logo_wrapper .q_logo a { height: 40px!important; } nav.main_menu>ul>li.active>a, nav.main_menu>ul>li>a, nav.main_menu>ul>li>a:hover, nav.main_menu>ul>li.active>a, nav.main_menu>ul>li>a, nav.main_menu>ul>li>a:hover, header.sticky nav.main_menu>ul>li>a { letter-spacing: 4px; font-size: 18px; font-family: ingra-condensed, sans-serif; font-style: normal; font-weight: 300; } nav.main_menu.drop_down.left { padding-left: 10px; } .main_menu.drop_down.left { left: 40px; } .header_inner_left .logo_wrapper .q_logo a { height: 40px!important; } .header_bottom.clearfix .container .container_inner.clearfix { width: 1110px; } nav.main_menu>ul>li.active>a { color: #8a8b8f; } .header_bottom_right_widget_holder .header_bottom_widget.widget_text .textwidget a { letter-spacing: 3px; font-size: 18px; font-family: ingra-condensed, sans-serif; font-style: normal; font-weight: 300; color: #8a8b8f; } .header_bottom_right_widget_holder .header_bottom_widget.widget_text .textwidget a:hover { color: #bebec1; } .scroll_header_top_area.stick.scrolled_not_transparent.page_header, .scroll_header_top_area.stick.scrolled_not_transparent.page_header.sticky.sticky_animate { z-index: 1111; } /* Homepage Slider Initial Header Styling */ .mh-sl-nav-element { display: inline-block; } .mh-sl-nav-element, .mh-sl-nav-element a { color: #ffffff!important; } .mh-sl-nav-wrapper div.mh-sl-nav-element { margin-right: 35px!important; } .mh-sl-nav-wrapper .mh-sl-nav-element, .mh-sl-nav-wrapper .mh-sl-nav-element a, .mh-sl-nav-wrapper span.op-open, .mh-sl-nav-wrapper span.op-closed { font-family: ingra-condensed, sans-serif; font-style: normal; font-weight: 200; letter-spacing: 3px!important; color: #ffffff!important; } .mh-sl-nav-wrapper span.op-closed { line-height: 1.5!important; } .mh-sl-nav-wrapper span.op-next-period { font-family: ingra-condensed, sans-serif; line-height: 1.5!important; } .mh-sl-nav-wrapper div.mh-sl-nav-element.mh-open-sc-1 { margin-right: 6px!important; } .header_bottom_right_widget_holder { padding: 0px; } .header_bottom_right_widget_holder .header_bottom_widget.widget_text p { padding-bottom: 0px} .header_inner_right { margin-right: -20px; } .header_inner_right { width: 333px; } .main_menu.drop_down.left { left: 45px!important; } div.mh-sl-nav-element.mh-sl-nav-phone, div.mh-sl-nav-element.mh-sl-nav-icon.mh-sl-nav-mail { margin-right: 9px!important; } div.mh-sl-nav-element.mh-sl-nav-icon.mh-sl-nav-contact { margin-right: 0px!important; } .mh-sl-nav-wrapper.mh-sl-static-nav { width: 100%; position: fixed; top: 13px } .admin-bar .mh-sl-nav-wrapper.mh-sl-static-nav { top: 44px; } .mh-sl-nav-outer { width: 1187px; margin: 0 auto; height: auto; } .mh-sl-nav-inner { float:right; } @media (max-width: 1249px) { .mh-sl-nav-wrapper.mh-sl-static-nav { display: none; } } /* Fix sticky Header */ .page:not(.home) .page_header { position: fixed!important; top: 0!important; } .page.admin-bar:not(.home):not(.scroll) .page_header { position: fixed!important; top: 32px!important; } .content.content_top_margin_none { padding-top: 0!important; } /* Opening Hours Styling */ .op-is-open-shortcode { text-align: center; } .op-next-period { text-transform: uppercase; } .mh-sl-nav-inner .op-next-period { letter-spacing: 3px; } .mh-business-hours-inner-row .vc_column-inner { padding: 0 20px!important; } /* # Footer CSS # --------------------------------- */ .footer_bottom_holder .footer_bottom .textwidget { letter-spacing: 4px; font-size: 14px; } .footer_top .container .container_inner .column_inner p { font-size: 15px; font-weight: 300; line-height: 1.86; font-family: ingra, sans-serif; letter-spacing: 1px; } .column3.footer_col3 #text-5 h5 { opacity: 0; } .column4.footer_col4 #text-6 h5 { display: none; } #text-6 .textwidget .mh-footer-social { margin-bottom: 47px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto!important; line-height: 1; z-index: 99; } #text-6 .textwidget .mh-footer-social img { vertical-align: middle; } .footer_top h5, #text-6 .textwidget .mh-footer-social { font-family: ingra, sans-serif; font-size: 20px; font-weight: 200; letter-spacing: 1px; line-height: 1.2; text-align: left; text-transform: uppercase; padding: 0px; } #text-6 .textwidget .mh-footer-social a { z-index: 999; } .footer_top a:hover, .footer_top a { color: #8A8B8F!important; } .mh-footer-column.wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner { padding-left: 0!important; } @media (min-width: 992px) { .mh-footer-column.vc_col-md-2 { width: 20%; } } @media (max-width: 991px) { #mh_footer-top-2 .mh-footer-column { padding-bottom: 15px; } .mh-num-wrapper.mh-num-wrapper { display: block; text-align: center; } } @media (max-width: 1200px) { #mh-footer-seperator .vc_column-inner { padding-left: 0!important; } } nav.main_menu>ul>li.active>a, nav.main_menu>ul>li>a, nav.main_menu>ul>li>a:hover, nav.main_menu>ul>li.active>a, nav.main_menu>ul>li>a, nav.main_menu>ul>li>a:hover, header.sticky nav.main_menu>ul>li>a { padding: 0 16px; letter-spacing: 3px; } @media (min-width: 1171px) { /* #mh_footer-top-2 .mh-footer-column-3 p a { float: right; padding-right: 20px; } */ .mh-num-info.mh-num-info { display: inline-block; } .mh-num-wrapper { float: right; padding-right: 22px; } } @media (max-width: 1170px) { #mh_footer-top-2 .mh-footer-column-3 p a { width: 100%; display: block; } } .mh-num-wrapper { display: inline-block; } @media (min-width: 992px) and (max-width: 1055px) { .mh-footer-column.vc_col-md-2.mh-footer-column-4 { width: 30%; } .mh-footer-column.vc_col-md-2.mh-footer-column-5 { width: 10%; } } .only-IE { display: none; } .not-IE { display: inherit; } /* IE Fix */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* .page:not(.page-id-120) .mh-footer-nav-wrapper .mh-footer-list .ie-nav-item { display: list-item!important; } .page:not(.page-id-120) .mh-footer-nav-wrapper .mh-footer-list li.n-nav-item { display: none!important; } */ .only-IE { display: inherit!important; } .not-IE { display: none!important; } } /* # Fullscreen popup menu CSS # --------------------------------- */ .pum.pum-overlay.popmake-overlay.pum-active { margin-top: 80px; } .admin-bar .pum.pum-overlay.popmake-overlay.pum-active { margin-top: 112px; } .pum-container.popmake.theme-398.size-custom.active.custom-position { padding: 0px; } .pum-theme-398 .pum-content + .pum-close { right: 20px!important; top: 10px!important; } .pum-theme-398 .pum-content + .pum-close { padding: 10px 55px 8px 55px!important; text-transform: uppercase!important; border-style: solid!important; border-radius: 30px!important; line-height: 1; text-transform: uppercase; letter-spacing: 4px; font-family: ingra-condensed, sans-serif, sans-serif!important; font-style: normal!important; font-weight: 300!important; font-size: 18px!important; background-color: #ffffff!important; color: #c7c6c4!important; } .vc_custom_1492779771289 { -webkit-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; transition: background-image 0.5s ease; } .vc_custom_1492779771289:hover { background-image: url(https://www.mund-harmonie.de/wp-content/uploads/2017/04/kujawski-mund-harmonie-zahnarztpraxis-team-michel-kujawski-profil-hover.jpg?id=285) !important; } .vc_custom_1490193983007 { -webkit-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; transition: background-image 0.5s ease; } .vc_custom_1490193983007:hover { background-image: url(https://www.mund-harmonie.de/wp-content/uploads/2017/03/kujawski-mund-harmonie-zahnarztpraxis-mund-harmonie-profil-2-mit-logo-hover.jpg?id=166) !important; } .vc_custom_1492779794819 { -webkit-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; transition: background-image 0.5s ease; } .vc_custom_1492779794819:hover { background-image: url(https://www.mund-harmonie.de/wp-content/uploads/2017/04/kujawski-mund-harmonie-zahnarztpraxis-team-aus-liebe-dental-profil-hover.jpg?id=283) !important; } .vc_custom_1490193545338 { -webkit-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; transition: background-image 0.5s ease; } .vc_custom_1490193545338:hover { background-image: url(https://www.mund-harmonie.de/wp-content/uploads/2017/03/kujawski-mund-harmonie-zahnarztpraxis-mund-harmonie-team-overview-hover.jpg?id=168) !important; } button.pum-close.popmake-close { outline: none; } /* # Slider CSS # --------------------------------- */ /* Blog Slider Styling */ .blog_slider_holder .blog_slider.blog_slider_carousel .caroufredsel_wrapper, .blog_slider_holder .blog_slider.blog_slider_carousel .caroufredsel_wrapper .blog_slides { min-height: 300px!important; } .blog_slider_holder .blog_slider.blog_slider_carousel .caroufredsel_wrapper, .blog_slider_holder .blog_slider.blog_slider_carousel .caroufredsel_wrapper .item_holder { overflow: visible; } .blog_text_holder.info_bottom { bottom: -82px!important; margin: 0px!important; } .blog_slider.blog_slider_carousel .blog_slides li { padding: 20px; } .blog_text_holder_inner h3 { font-weight: 300; font-family: bodoni-urw, serif; text-transform: none; letter-spacing: 2px; font-size: 34px; padding-left: 6px; } @media only screen and (min-width: 1000px) and (max-width: 1800px) { .blog_slider_holder .blog_text_holder_inner h3 { font-size: 2vw; } } @media only screen and (max-width: 999px) { .blog_slider_holder .blog_text_holder_inner h3 { font-size: 20px; } } /* Revslider CSS */ .page:not(.home) .rev_slider .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; /* black overlay with 50% transparency */ background: rgba(255, 255, 255, 0.2); } .tparrows { background: rgba(255,255,255,1)!important; border-radius: 23px!important; } .tparrows:before { color: #b9babc!important; } .page-id-373 h1 { font-family: ingra, sans-serif; font-style: normal; font-weight: 200; font-size: 20px; } /* Mundharmonie Slider Promotion Box Styling */ #mh_Slider-Box h1, #mh_Slider-Box h2 { text-align: center!important; } #mh_Slider-Box .mh-sl-logo-wrapper { text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto!important; margin-right: auto!important; } .mh-sl-mh-promotion-wrapper:not(.mh-slider-box-mobile) { min-width: 500px!important; } .mh-sl-mh-promotion-wrapper { background-color: rgba(255, 255, 255, 0.9)!important; max-width: 740px!important; } .mh-sl-mh-promotion-content { padding: 55px 100px 50px 100px!important; } .mh-sl-mh-promotion-content h2 { padding: 50px 0px 0px 0px!important; } .mh-sl-mh-promotion-wrapper.mh-slider-box.mh-slider-box-brown, .mh-row-bg-brown { background-color: #ece6da!important; } .mh-sl-mh-promotion-wrapper.mh-slider-box.mh-slider-box-grey, .mh-row-bg-grey { background-color: #8a8b8f!important; } .mh-sl-mh-promotion-wrapper.mh-slider-box.mh-slider-box-pink, .mh-row-bg-pink { background-color: #f0e3db!important } .mh-sl-mh-promotion-wrapper.mh-slider-box.mh-slider-box-light-grey, .mh-row-bg-light-grey { background-color: #c7c6c4!important; } .mh-sl-mh-promotion-wrapper.mh-slider-box.mh-slider-box-white, .mh-row-bg-white { background-color: #ffffff!important } .mh-slider-box .mh-sl-logo-wrapper { width: -webkit-fit-content!important; width: -moz-fit-content!important; width: fit-content!important; margin-left: auto!important; margin-right: auto!important; text-align: center; } .mh-sl-mh-promotion-content .mh-sl-logo-wrapper { text-align: center!important; } .mh-slider-box.mh-sl-mh-promotion-wrapper { height: auto!important; } .mh-slider-box .mh-sl-mh-promotion-content h2 { padding: 9px 0px 20px 0px!important; text-align: center!important; } .mh-slider-box .mh-sl-mh-promotion-content p { text-align: center!important; } .mh-sl-mh-promotion-wrapper.mh-slider-box-mobile .mh-sl-mh-promotion-content { padding: 10px!important; } .mh-sl-mh-promotion-wrapper.mh-slider-box-mobile { min-width: 0!important; max-width: 100%!important; } /* Impressions Slider Nav Stlying */ .minimal-light .esg-filters { margin-top: -20px!important; } .minimal-light .esg-left, .minimal-light .esg-right { padding: 0px!important; background-size: 50px!important; background-repeat: no-repeat!important; } .esg-navigationbutton .eg-icon-left-open:before{ content: ""!important; margin-left: 25px; } .minimal-light .esg-navigationbutton:hover { -webkit-box-shadow: none!important; box-shadow: none!important; } .minimal-light .esg-navigationbutton { border:none!Important; width: 60px!Important; height: 60px!Important; } .esg-navigationbutton .eg-icon-right-open:before{ content: ""!important; margin-right: 25px; } .esg-navigationbutton.esg-left { background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-left-circle-white-1.svg)!important; background-repeat: no-repeat!important; } .esg-navigationbutton.esg-right { background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-right-circle-white.svg)!important; background-repeat: no-repeat!important; } .esg-filters.esg-singlefilters.esg-navbutton-solo-right { margin-right: 20px!important; } .esg-filters.esg-singlefilters.esg-navbutton-solo-left { margin-left: 20px!important; } /* # Ninjaforms CSS # --------------------------------- */ .nf-response-msg { text-align: center; } .nf-form-fields-required, .ninja-forms-req-symbol { display: none; } .nf-field input { padding: 10px 15px; } .nf-field textarea { padding: 10px 15px; min-height: 350px; } .nf-field-label label { text-transform: uppercase; } .nf-field-element input[type="button"] { background-color: #c7c6c4!important; color: #ffffff!important; border-color: #c7c6c4!important; } .label-above .nf-field-label { margin-bottom: 15px!important; margin-top: 20px!important; } textarea:focus, input:focus{ outline: none; } .ninja-forms-req-symbol, .nf-error-msg { color: #add9d8!important; } .nf-error .ninja-forms-field { border: 1px solid #add9d8!important; } .nf-form-content input, .nf-form-content textarea { border-radius: 10px !important; border-radius: 10px !important; border-color: rgb(169, 169, 169); border-width: 1px; border-style: solid; } .mh-megamenu-element-wrapper.mh-megamenu-dark, .mh-megamenu-element-wrapper.mh-megamenu-dark h2, .mh-megamenu-element-wrapper.mh-megamenu-dark h3, .mh-megamenu-dark a { color: #ffffff!important; border-color: #ffffff!important } .mh-megamenu-element-wrapper.mh-megamenu-light, .mh-megamenu-element-wrapper.mh-megamenu-light h2, .mh-megamenu-element-wrapper.mh-megamenu-light h3, .mh-megamenu-light a { color: #8a8b8f!important; border-color: #8a8b8f!important; } .mh-megamenu-dark a:hover { color: #f2f1ed!important; -webkit-transition: opacity .3s ease-in-out,color .3s ease-in-out; -o-transition: opacity .3s ease-in-out,color .3s ease-in-out; transition: opacity .3s ease-in-out,color .3s ease-in-out; } .mh-megamenu-element-wrapper { height: 46vh; } .mh-megamenu-element-logo { width: 100%; } .mh-megamenu-element-logo h2 { font-weight: 300; font-family: bodoni-urw, serif; text-transform: none; letter-spacing: 2px;} .mh-megamenu-element-logo img { display: inline-block; position: relative; top: 48px; height: 70px; padding-right: 27px; } .mh-megamenu-element-logo h2 { display: inline; } .mh-megamenu-element-logo h3.mh-ft-title-small { position: relative; left: 112px; letter-spacing: 7px; } .mh-megamenu-element-logo { margin-top: -80px; padding-bottom: 38px; width: 100%; border-bottom: 1px solid; } .mh-megamenu-element-menu-wrapper { padding-top: 45px; } .mh-megamenu-element-wrapper ul li a { top: -11px; position: relative; } .mh-megamenu-element-wrapper.mh-megamenu-dark ul { list-style-image: url('https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-right-white-list.svg'); } .mh-megamenu-element-wrapper.mh-megamenu-light ul { list-style-image: url('https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-right-grey-list.svg'); } .mh-megamenu-element-wrapper { display: table; width: 100%; } .mh-megamenu-element-inner { display: table-cell; vertical-align: middle; height: 380px; } .mh-megamenu-element-content { margin-left: auto!important; margin-right: auto!important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; width: 500px; } .mh-megamenu.mh-megamenu-element-wrapper { background-color: rgba(242, 241, 237, 0.2); margin: 0px 1px 1px 0px; } .mh-megamenu-row-wrapper { background-image: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartzpraxis-freiburg-mundharmonie-zahngesundheit-menu.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .mh-megamenu-row-element .vc_column-inner { padding: 0.5px!important; } .mh-megamenu-row-wrapper .full_section_inner.clearfix { /* max-width: 1900px!important; for square tile look */ margin-left: auto!important; margin-right: auto!important; } @media (min-width: 601px) { #nf-field-4 { float: right; } } /* Titles with logo styling */ .mh-title-w-logo.mh-title-w-logo-dark h2, .mh-title-w-logo.mh-title-w-logo-dark p, .mh-title-w-logo.mh-title-w-logo-dark h3 { color: #ffffff!important; } .mh-title-w-logo.mh-title-w-logo-light h2, .mh-title-w-logo.mh-title-w-logo-light p, .mh-title-w-logo.mh-title-w-logo-light h3 { color: #8A8B8F!important; } .mh-title-w-logo { width: 100%; } .mh-title-w-logo h2 { font-weight: 300; font-family: bodoni-urw, serif; text-transform: none; letter-spacing: 2px;} @media (min-width: 992px) and (max-width: 1250px) { .mh-title-w-logo.mh-title-w-logo-dark h2 { font-size: 35px; } .page.scroll .content { padding-top: 0!important; } } @media (min-width: 992px) { .mh-title-w-logo.mh-title-w-logo-long h2 { top: -7px; line-height: 1.1; width: 60%; } .mh-title-w-logo.mh-title-w-logo.mh-title-w-logo-long { padding-bottom: 38px; } .mh-title-w-logo img { display: inline-block; position: relative; top: -10px; padding-right: 26px; } .mh-title-w-logo h2 { display: inline-block; position: relative; top: -48px; } .mh-title-w-logo.mh-title-w-logo-long h3.mh-ft-title-small { top: 3px; } .mh-title-w-logo { height: 140px; } .nf-field-4-wrap { text-align: right; } } @media (max-width: 992px) { .mh-btn-wrapper { text-align: center; } .mh-title-w-logo { text-align: center; } } @media only screen and (min-width: 1201px) { .boxed .section.mh-row-in-grid-bg .section_inner, .grid_section.mh-row-in-grid-bg .section_inner { width: 1070px; } } @media (max-width: 991px) { /* .page:not(.page-id-120) .mh-hvr-img-wrapper { display: none; } */ .mh-row-in-grid-bg.grid_section .vc_empty_space.dglo-res-spacer.vc_hidden-md.vc_hidden-lg { display: none; } /*.vc_row.wpb_row.section.vc_row-fluid.mh-row-in-grid-bg.grid_section .vc_row.vc_row-fluid.vc_inner.vc_hidden-lg.vc_hidden-md { display: none; } */ } html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay { overflow: hidden; position: fixed; width: 100%; } html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .pum-open .hide_inital_sticky header.stick { -ms-transform: none!important; -webkit-transform: none!important; transform: none!important; } @media (min-width: 992px) { .mh-title-w-logo h3.mh-ft-title-small { position: relative; left: 103px; letter-spacing: 7px; top: -47px; } } /* Custom Footer CSS */ #mh_footer p:not(.mh-footer-title) { padding: 0px; } #mh_footer ul { padding-bottom: 0px; } footer { display: none; } @media (max-width: 1055px) { #mh_footer-top, .separator.mh-footer-separator.normal { display: none; } .separator.mh-footer-separator.normal .vc_column-inner {padding: 0px!important; } .wpb_wrapper .mh-footer-social { float: inherit; padding-top: 25px; text-align: center; } .wpb_wrapper #mh_footer-top-2 { padding-bottom: 40px; } p#mh-footer_contact-title { padding: 50px 0px 25px 0px; } } ul.mh-footer-list { padding-left: 20px; list-style-position: outside; list-style-image: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/mundharmonie-zahnartz-freiburg-icon-arrow-right-grey-small-1.svg)!important; } .mh-footer-list a { position: relative; top: -3px; } .mh-footer-list li { padding-bottom: 1px; } @media (min-width: 768px) { #mh_footer .vc_col-sm-2 { width: 20%; } #mh_footer .vc_col-sm-2 .vc_column-inner { padding: 0px; } #mh-footer-seperator .section_inner.clearfix { width: 1130px; } .mh-footer-nav-wrapper { padding-top: 50px; } .mh-footer-title.mh-footer-title-main { position: absolute; } } #mh_footer-top.vc_row { padding: 55px 25px 30px 25px; } #mh_footer-bottom .mh-footer-bottom-content, #mh_footer-bottom .mh-footer-bottom-content a { font-size: 15px; font-weight: 200; line-height: 1.2; text-align: center; font-family: ingra, sans-serif; color: #ffffff; } #mh_footer ul li:hover a, #mh_footer a:hover { color: #bebec1; -webkit-transition: opacity .3s ease-in-out,color .3s ease-in-out; -o-transition: opacity .3s ease-in-out,color .3s ease-in-out; transition: opacity .3s ease-in-out,color .3s ease-in-out; -webkit-transition-property: opacity, color; -o-transition-property: opacity, color; transition-property: opacity, color; -webkit-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: ease-in-out, ease-in-out; -o-transition-timing-function: ease-in-out, ease-in-out; transition-timing-function: ease-in-out, ease-in-out; -webkit-transition-delay: initial, initial; -o-transition-delay: initial, initial; transition-delay: initial, initial; } #mh_footer #mh_footer-bottom a:hover { color: #ffffff; } #mh_footer-bottom.vc_row { padding: 8px 40px; } #mh-footer-seperator.vc_row { padding: 0px!important; } #mh-footer_contact-title { padding: 35px 0px 25px 0px; } #mh_footer { background-color: #f2f1ed; } #mh_footer-bottom { background-color: #8a8b8f } #mh_footer-top-2 { padding-bottom: 55px; } #mh_footer p, #mh_footer li, #mh_footer a { color: #8A8B8F; font-family: ingra, sans-serif; font-size: 15px; font-weight: 200; } #mh_footer .mh-footer-title.mh-footer-title-main a { font-size: 17px; letter-spacing: 1px; text-transform: uppercase; } p#mh-footer_contact-title { font-size: 17px; text-transform: uppercase; letter-spacing: 1px; } .mh-footer-social a:first-child { padding-right: 12px; } .mh-footer-nav-wrapper .mh-footer-title { letter-spacing: 3px; padding-bottom: 4px; } /* Smaller mail and tel icons ## .header_bottom_widget.widget_text .textwidget img, .mh-sl-nav-element.mh-sl-nav-icon img { height: 35px!important; width: 35px!important; } */ .comment_holder .comment .text .comment-reply-link, .comment_holder .comment .text .replay { color: #add9d8; } a: hover { color: #add9d8; } /* Kontakt Map Height Adjustments */ @media only screen and (max-height: 1000px) { .page-id-373 .google_map_shortcode_holder .qode_google_map { height: 400px!important; width: 99%; } .page-id-373 .google_map_shortcode_holder { height: 400px!important; } } @media only screen and (max-height: 800px) { .page-id-373 .google_map_shortcode_holder .qode_google_map { height: 300px!important; width: 99%; } .page-id-373 .google_map_shortcode_holder { height: 300px!important; } } /* Back to Top Styling */ #back_to_top .fa-stack { background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-up-circle-grey.svg); background-size: 50px; background-position-y: 1px; background-repeat: no-repeat; background-position-x: 2px; } #back_to_top .fa-arrow-up:before { content: ""; } #back_to_top:hover span { background-color: rgba(0,0,0,0); } .wrapper_inner #back_to_top span { border: none!important; } #back_to_top { bottom: 24px; } /* Facebook Slider */ .cff-likebox.cff-outside.cff-bottom { display: none; } .cff-item .cff-meta-wrap .cff-share-container { display: none!important; } .cff-item, .cff-date, .cff-text { text-align: center; } .cff-photo.cff-media-above { height: 200px; overflow: hidden; } .cff-expand a { display: none!important; } #cff .cff-photo:after, #cff .cff-event-thumb:after, #cff .cff-html5-video:after { border: none; } .cff-item .cff-meta-wrap .cff-post-links { margin-bottom: 1.5rem; width: 100%; } @media (max-width: 480px) { .cff_owl-wrapper.cff_owl-wrapper { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; } } @media screen and (min-width: 992px) { .cff-item.cff-item { height: auto; } } @media screen and (max-width: 991px) { .cff-item.cff-item { height: auto; } } @media (min-width: 480px) and (max-width: 1199px) { .cff_owl-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cff-carousel .cff_owl-item .cff-item { width: 387px!important; margin: 0 auto!important; text-align: center; } } @media (min-width: 351px) and (max-width: 420px) { .cff-carousel.cff-carousel .cff_owl-item > div { width: calc(100% - 30px)!important; } .cff_owl-wrapper { margin: 0 10px!important; } } #sl-2-home-logo#sl-2-home-logo { width: 309px!important; height: 183px!important; } .mh-contact-logo-wrapper { margin: 0 auto!important; } .mh-contact-logo-wrapper img { width: 309px!important; height: 183px!important; } @media (max-width: 480px){ #cff p { width: 100%!important; } .cff_owl-item { width: 95vw!important; } .cff_owl-wrapper { width: 100vw!important; } .cff-carousel .cff_owl-item > div { width: calc(100% - 10px)!important; } .mh-contact-logo-wrapper.mh-contact-logo-wrapper.mh-contact-logo-wrapper img { width: 80vw!important; height: auto!important; } } p.cff-post-text { height: 100px; overflow: hidden; margin-bottom: 15px!important; } p.cff-date { font-family: ingra-condensed, sans-serif; font-weight: 300; letter-spacing: 3px; margin: 10px 0 10px!important; } #cff .cff-item, #cff .cff-item:first-child { background-clip: content-box; background-color: #f2f1ed ; } #cff .cff-item { padding-bottom: 0px!important; } @media screen and (min-width: 1200px) { /* Custom BG Img for status posts */ .cff-item.cff-status-post { background: #f2f1ed url(https://www.mund-harmonie.de/wp-content/uploads/2017/07/mund-harmonie-facebook-feed-status-post-placeholder-desktop.jpg); background-size: contain; background-repeat: no-repeat; background-clip: content-box; } .cff-item.cff-status-post p.cff-date { padding-top: 207px!important; } } @media screen and (max-width: 1199px) { .cff-item.cff-status-post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #cff p.cff-post-text { padding-left: 15px; padding-right: 15px; } .cff_owl-controls { display: block!important; } .cff_owl-prev.onhover { margin-left: -35px!important; } .cff_owl-next.onhover { margin-right: -35px!important; } .cff_owl-prev.onhover, .cff_owl-next.onhover { display: block!important; opacity: 1!important; } .cff_owl-buttons .fa-chevron-right:before, .cff_owl-buttons .fa-chevron-left:before { content: " "!important; background: none!important; } .cff_owl-buttons .fa-chevron-left { width: 50px!important; height: 50px!important; background: url('https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-left-circle-grey.svg') no-repeat!important; background-size: cover!important; } .cff_owl-buttons .fa-chevron-right { width: 50px!important; height: 50px!important; background: url('https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-right-circle-grey.svg') no-repeat!important; background-size: cover!important; } } @media (max-width: 600px) { .cff_owl-buttons .cff_owl-prev.onhover { margin-left: -25px!important; } .cff_owl-buttons .cff_owl-next.onhover { margin-right: -25px!important; } } /* @media (max-width: 520px) { .cff_owl-buttons .fa.fa.fa { width: 40px!important; height: 40px!important; } } */ @media (max-width: 480px) { .cff_owl-controls { display: none!important; } } /* CFF text placement fix on IE for all the 3 people actually using it */ @media all and (min-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { #cff p.cff-post-text { margin-left: -10px!important; height: 100px!Important; width:300px!important; } } @media screen and (min-width: 992px) { #cff p.cff-post-text { width: initial!important; } #cff .cff-item, #cff .cff-item:first-child { padding: 20px!important; } #cff p.cff-post-text { padding: 0px 25px 0px 25px; } .cff-item { height: auto; } .cff_owl-item p.cff-date { padding: 8px 0 1px; } } @media screen and (max-width: 991px) { .cff-photo.cff-media-above, .cff-photo.cff-media-above img, p.cff-date, div.cff-meta-wrap { width: 100%!important; } .cff-wrapper #cff .cff-item { height: auto; margin-bottom: 2px; } } /* Border Box Styling */ @media (min-width: 992px) { .vc_row.wpb_row.section.vc_row-fluid.mh-border-wrapper.grid_section .section_inner .section_inner_margin { border: 2px solid; border-radius: 10px; padding: 0 20px; } .vc_row.wpb_row.section.vc_row-fluid.mh-border-wrapper.grid_section .section_inner .section_inner_margin .vc_row.vc_inner { margin: 0px; } .vc_row.mh-border-wrapper.mh-border-gray .section_inner .section_inner_margin { border-color: #8a8b8f!important; } .vc_row.mh-border-wrapper.mh-border-brown .section_inner .section_inner_margin { border-color: #ece6da!important; } .vc_row.mh-border-wrapper.mh-border-pink .section_inner .section_inner_margin { border-color: #f0e3db!important; } .vc_row.mh-border-wrapper.mh-border-light-gray .section_inner .section_inner_margin { border-color: #c7c6c4!important; } } @media (max-width: 991px) { .mh-left-grid-img-wrapper { max-width: 470px; text-align:center; margin: 0 auto; padding-bottom: 40px; } } .mh-btn-wrapper.mh-btn-wrapper-centered { text-align: center; } .mh-btn-wrapper { padding: 12px 0; } .content .content_inner .vc_row.wpb_row.section.vc_row-fluid.mh-row-w-border { padding-top: 0px; padding-bottom: 0px; } .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-row-w-border-inner .vc_column-inner{ padding: 0 20px; } .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-row-w-border .vc_column-inner { padding: 0 25px!important;} /* Dynamische Elemente Styling */ .wpb_widgetised_column .widget { margin: 0px!important; } /* Contact CTA Styling */ .vc_row.vc_inner.mh-contact-cta-inner-row.grid_section { background-color: #add9d8; } .mh-contact-cta-button-row.wpb_column.vc_column_container { padding-top: 54px; } .vc_row.mh-contact-cta-inner-row.grid_section h2.mh-ft-title { padding-bottom: 0px; } .vc_row.vc_inner.mh-business-hours-inner-row.grid_section .section_inner .section_inner_margin .wpb_column.vc_column_container .vc_column-inner { border: 2px solid #8a8b8f !important; border-radius: 10px !important; } .vc_row.wpb_row.section.vc_row-fluid.vc_inner.mh-business-hours-inner-row.grid_section { padding-top: 0px; } .mh-hvr-img-wrapper { max-width: 100%; margin: 0 auto!important; } #mh_SpektrumElementXS .mh-spektrum-element-wrapper { width: 100%!important; } #mh_SpektrumElementXS .mh-spektrum-element-inner-hover .mh-spektrum-element-logo h2, #mh_SpektrumElementXS .mh-spektrum-element-inner-hover .mh-spektrum-element-logo h3.mh-ft-title-small { display: inherit; position: inherit; } #mh_SpektrumElementXS .mh-spektrum-element-inner-hover .mh-spektrum-element-logo img { padding: 0px; top: 18px; } #mh_SpektrumElementXS .mh-spektrum-element-wrapper { height: inherit; } #mh_SpektrumElementXS .mh-spektrum-element-inner-hover .mh-spektrum-element-logo { margin-top: 0px; } #mh_SpektrumElementXS .mh-spektrum-element-logo p, #mh_SpektrumElementXS .mh-spektrum-element-logo img, #mh_SpektrumElementXS .mh-spektrum-element-logo h1 { color: #fff; } #mh_SpektrumElementXS .mh-spektrum-element-logo .mh-title { font-weight: 300; font-family: bodoni-urw, serif; text-transform: none; letter-spacing: 2px; } .mh-btn-wrapper.mh-btn-centered { text-align: center; } .mh-slider-box h1 { text-align:center; padding-left: 2px; } .mh-slider-box .mh-sl-mh-promotion-content h1 { padding: 15px 0px 20px 0px!important; text-align: center!important; line-height: 1.2; font-size: 40px; } .svg-icon-logo { width: 75px!important; height: 75px!important; } .mh-sl-logo-wrapper .svg-icon-logo { width: 75px!important; height: 75px!important; padding-bottom: 8px; } @media (max-height: 380px) and (min-width: 421px){ .mh-sl-arrow-scroll { display: none!important; } .home-slider-logo { padding-top: 20px!important; } } .mh-sl-extra-info-wrapper { padding: 20px; } .mh-sl-extra-info-wrapper .mh-ft-title.mh-sl-title { font-size: 25px; padding-bottom: 15px; line-height: 1.2; } .mh-inner-text-column.mh-partner-element .mh-ft-title { padding-bottom: 50px; line-height: 1.1; } .vc_column-inner.vc_custom_1500391353490 .mh-inner-text-column.mh-partner-element h3, .vc_column-inner.vc_custom_1500391353490 .mh-inner-text-column.mh-partner-element p, .vc_column-inner.vc_custom_1500391353490 .mh-inner-text-column.mh-partner-element a { color: #8a8b8f!important; } @media (min-width: 992) and (max-width: 1200px) { .mh-inner-text-column.mh-partner-element .mh-ft-title { font-size: 34px; } } .mh-inner-text-column.mh-partner-element .mh-ft-subtitle { font-size: 17px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; } .mh-inner-text-column.mh-partner-element { padding: 50px 20px; text-align: center; } .mh-partner-list-item { padding-bottom: 15px; } .mh-partner-list-item:last-child { padding-bottom: 0px; } @media (min-width: 992px) and (max-width: 1300px) { .mh-inner-text-column.mh-partner-element { height: 450px; } .mh-inner-text-column.mh-partner-element .mh-ft-title.mh-ft-title-big { font-size: 34px; } } @media (min-width: 1301px) { .mh-inner-text-column.mh-partner-element { height: 380px; } } p a { color: #8a8b8f } .mh-grid-extra-content { height: 0px; overflow: hidden; } .morecontent p, .morecontent span { display: none; } .morelink { display: block; } .mh-btn.mh-btn-read-more { display: block; width: 195px!important; text-align: center; margin-top: 50px!important; margin-bottom: 50px; padding: 13px 35px 11px 35px!important } @media (max-width: 991px) { .mh-btn.mh-btn-read-more { margin: 30px auto 0!important; } .more { text-align: center; } } .morecontent { -webkit-transition: opacity ease 0.5s; -o-transition: opacity ease 0.5s; transition: opacity ease 0.5s; } a:hover, p a:hover { color: inherit; } #nav-menu-item-583 a, #nav-menu-item-365 a { pointer-events: none; cursor: default; } #rev_slider_6_2.rev_slider .slotholder:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(0, 0, 0, 0); -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } #rev_slider_6_2_wrapper #rev_slider_6_2.rev_slider:hover .slotholder:after { background: rgba(255, 255, 255, 0.2); } .mh-sl-extra-info-wrapper { opacity: 0; } .mh-sl-extra-info-wrapper { -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #rev_slider_6_2_wrapper #rev_slider_6_2.rev_slider:hover .mh-sl-extra-info-wrapper { opacity: 1; } .mh-sl-extra-info-wrapper p { text-align: center; } .mh-sl-extra-info-outer { max-width: 500px; margin: 0 auto!important; } /* ShiftNav CSS */ .shiftnav-menu-image.shiftnav-menu-image-padded img { width: 78px; padding-top: 8px; padding-bottom: 7px; } .menu-item.shiftnav-depth-0 { font-weight: 500; font-family: bodoni-urw, serif; text-transform: none; letter-spacing: 1px; font-size: 20px; } /* ShiftNav icons perfect grid alingment because that's a reasonable thing to do */ @media (min-width: 399px) and (max-width: 420px){ #shiftnav-toggle-main.shiftnav-toggle-style-full_bar .shiftnav-toggle-burger.shiftnav-toggle-burger { padding-left: 5px; } #shiftnav-toggle-main .shiftnav-main-toggle-content-after { margin-right: 12px!important; } } @media (min-width: 388px) and (max-width: 398px){ #shiftnav-toggle-main.shiftnav-toggle-style-full_bar .shiftnav-toggle-burger.shiftnav-toggle-burger { padding-left: 4px; } #shiftnav-toggle-main .shiftnav-main-toggle-content-after { margin-right: 11px!important; } } @media (min-width: 363px) and (max-width: 387px){ #shiftnav-toggle-main.shiftnav-toggle-style-full_bar .shiftnav-toggle-burger.shiftnav-toggle-burger { padding-left: 4px; } #shiftnav-toggle-main .shiftnav-main-toggle-content-after { margin-right: 9px!important; } } @media (min-width: 351px) and (max-width: 362px){ #shiftnav-toggle-main.shiftnav-toggle-style-full_bar .shiftnav-toggle-burger.shiftnav-toggle-burger { padding-left: 4px; } #shiftnav-toggle-main .shiftnav-main-toggle-content-after { margin-right: 7.5px!important; } } @media (min-width: 295px) and (max-width: 350px){ #shiftnav-toggle-main.shiftnav-toggle-style-full_bar .shiftnav-toggle-burger.shiftnav-toggle-burger { padding-left: 1vw; } #shiftnav-toggle-main .shiftnav-main-toggle-content-after { margin-right: 5vw!important; } #back_to_top { right: 9vw!important; } } @media (max-width: 294px){ #shiftnav-toggle-main.shiftnav-toggle-style-full_bar .shiftnav-toggle-burger.shiftnav-toggle-burger { padding-left: 0px; } #shiftnav-toggle-main .shiftnav-main-toggle-content-after { margin-right: 5px!important; } #back_to_top { right: 10px!important; } } @media (min-width: 350px) and (max-width: 420px) { #back_to_top { right: 5vw!important; } } @media (min-width: 421px) and (max-width: 600px) { #back_to_top { right: 22px!important; } } @media (max-width: 359px){ .shiftnav-nav .menu-item.shiftnav-depth-0 { font-size: 18px; } } .menu-item.shiftnav-depth-0 .shiftnav-depth-1 { text-transform: uppercase; letter-spacing: 3px!important; font-family: ingra-condensed, sans-serif!important; font-style: normal; font-weight: 300; font-size: 18px; } .mh-sn-toggle-icon-wrapper a:first-child { padding-left: 12px; } .mh-sn-logo-wrapper img { width: 42px; margin-top: -14px; } .shiftnav.shiftnav-shiftnav-main { background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartzpraxis-freiburg-mundharmonie-zahngesundheit-menu-mobil.jpg)!important; } .shiftnav .menu-item { background: rgba(242, 241, 237, 0.5); } .shiftnav ul.shiftnav-menu { background: none; } .shiftnav-inner a, .shiftnav-inner span { color: #ffffff; } .menu-item.shiftnav-depth-1 a { background: rgba(0,0,0,0.1); } .mh-sn-social-item { display: inline-block; padding: 13px!important; } .mh-sn-social-inner { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto!important; text-align: center; } .mh-sn-social-wrapper { padding-top: 25px!important; } .shiftnav-menu-image.shiftnav-menu-image-padded { text-align: center; } .shiftnav-nav .fa-chevron-down:before, .shiftnav-nav .fa-chevron-up:before, .shiftnav-toggle .fa-navicon:before, .shiftnav-toggle .fa-reorder:before, .shiftnav-toggle .fa-bars:before { content: ""!important; } .shiftnav-nav .fa-chevron-down { height: 40px; width: 40px; background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-down-white.svg); background-size: cover; margin-top: -24px!important; background-repeat: no-repeat; } .shiftnav-toggle .fa-navicon, .shiftnav-toggle .fa-reorder, .shiftnav-toggle .fa-bars { height: 57px; width: 57px; background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-burger-grey.svg); background-size: cover; margin-top: -23px!important; margin-bottom: -20px; } .shiftnav-open .shiftnav-toggle .fa-navicon, .shiftnav-open .shiftnav-toggle .fa-reorder, .shiftnav-open .shiftnav-toggle .fa-bars { height: 57px; width: 57px; background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-close-grey.svg); background-size: cover; margin-top: -26px!important; margin-bottom: -22px; } #shiftnav-toggle-main.shiftnav-toggle-style-full_bar .shiftnav-toggle-burger { padding-left: 1px; } .shiftnav-nav .fa-chevron-up { content: " "!important; height: 40px; width: 40px; background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-up-white.svg); background-size: cover; margin-top: -24px!important; background-repeat: no-repeat; } .shiftnav .shiftnav-submenu-activation i.fa { margin-left: -17px!important; } .shiftnav-main-toggle-content-after img, .mh-sl-nav-inner img { image-rendering: -webkit-optimize-contrast; } .shiftnav:after { -webkit-box-shadow: none!important; box-shadow: none!important; } @media (min-width: 1250px) { .mh-sn-active { display: none; } } @media (max-width: 1249px) { .mh-sn-hidden { display: none; } } @media (min-width: 1001px) and (max-width: 1249px) { .mh-home-slider-mobile-wrapper.mh-sn-active { margin-top: 80px; } } @media (min-width: 1180px) and (max-width: 1249px) { /*Align ShiftNav with Grid */ #shiftnav-toggle-main-button { margin-left: 17px!important; } .shiftnav-main-toggle-content-after { margin-right: 17px!important; } } @media (min-width: 1100px) and (max-width: 1179px) { /*Align ShiftNav with Grid */ #shiftnav-toggle-main-button { margin-left: 10px!important; } .shiftnav-main-toggle-content-after { margin-right: 21px!important; } } @media (min-width: 600px) and (max-width: 1159px) { /*Align ShiftNav with Grid */ #shiftnav-toggle-main-button { margin-left: 0!important; } .shiftnav-main-toggle-content-after { margin-right: 11px!important; } } @media (max-width: 599px) { /*Align ShiftNav with Grid */ #shiftnav-toggle-main-button { margin-left: -3px!important; } .shiftnav-main-toggle-content-after { margin-right: 8px!important; } } .mh-inner-text-column.mh-partner-element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* @media (max-width: 600px) { .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid:not(.vc_inner) { padding-top: 25px; padding-bottom: 25px; } } */ .mh-list-wrapper { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; padding: 28px 25px 35px; text-align: center; max-width: 400px; } .mh-list-icon { width: 22px; height: 22px; padding-right: 9px; vertical-align: sub; } .mh-list-item { text-align: left; } /* Startseite CSS */ @media (max-width: 992px) { .page-id-10.home .vc_row.wpb_row.section.vc_row-fluid.mh-row-in-grid-bg.mh-herzlich-willkommen, .page-id-10.home .vc_row.wpb_row.section.vc_row-fluid.mh-row-in-grid-bg.mh-ihr-lachen { padding-top: 0px!important; background-color: #f2f1ed !important; } .page-id-10.home .vc_row.wpb_row.section.vc_row-fluid.mh-home-slider-wrapper-1 { background-color: #f2f1ed !important; } } /* Jameda CSS */ @media (min-width: 992px) { #jameda-widget-container36609 { margin-right: -3px!important; float: right; margin-top: 0px!important; } .mh-row-jameda-img-wrapper.mh-img-container.wpb_column.vc_column_container { margin-top: -18px; margin-bottom: 0px; height: 0px; overflow: visible; } } @media (max-width: 991px) { #jameda-widget-container36609 { margin: auto!important; } .mh-row-jameda-img-wrapper { padding-top: 40px; } } @media (max-width: 991px) { .mh-contact-cta-button-row.wpb_column.vc_column_container { padding: 35px 10px 7px; } } @media only screen and (max-width: 650px) { .boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width .parallax_content, .steps_holder_inner, .title_border_in_grid_holder, div.grid_section .section_inner, nav.content_menu ul { width: 80%!important; } } @media only screen and (min-width: 651px) and (max-width: 820px) { .boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width .parallax_content, .steps_holder_inner, .title_border_in_grid_holder, div.grid_section .section_inner, nav.content_menu ul { width: 90%!important; } } @media only screen and (min-width: 821px) and (max-width: 991px) { .boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width .parallax_content, .steps_holder_inner, .title_border_in_grid_holder, div.grid_section .section_inner, nav.content_menu ul { width: 91%!important; /* width: 768px!important; */ } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width .parallax_content, .steps_holder_inner, .title_border_in_grid_holder, div.grid_section .section_inner, nav.content_menu ul { width: 86%!important; } } @media only screen and (min-width: 650px) { .wpb_wrapper .mh-inner-text-column.mh-partner-element { padding: 50px; } } /* Small phone css */ @media (max-width: 767px) { p.cff-post-text { max-width: 90%; } p.cff-post-text { height: 100px; } .mh-entry-text-wrapper .mh-ft-title-small, .mh-entry-text-wrapper .mh-ft-title { display: none; } } @media (max-width: 320px) { p, a, .mh-ft-title-small, .mh-spektrum-element-wrapper p, .mh-spektrum-element-wrapper a, .mh-megamenu-element-wrapper p, .mh-megamenu-element-wrapper a, .team-info-wrapper p, .nf-field .nf-field-label label { font-size: 6vw!important; } .mh-megamenu .mh-ft-title, .mh-spektrum-element-wrapper .mh-ft-title-small, .mh-megamenu .mh-ft-title-small, .mh-slider-box .mh-ft-title-small { letter-spacing: 3px!important; } mh-sl-logo-wrapper h1 { padding: 15px 15px 20px 15px!important; } .mh-subfooter-break { display: none; } } @media (max-width: 340px) { a.mh-btn, .nf-field-element input[type="button"], .form-submit input[type="submit"], .cff-meta-wrap .cff-post-links a.cff-viewpost-facebook { padding: 10px 20px 8px 20px!important } .content .mh-btn.mh-btn-read-more { padding: 13px 10px 11px 10px!important } } /* Mundharmonie mobil CSS */ @media only screen and (min-width: 501px) and (max-width: 991px) { .page-id-120 .mh-hvr-img-wrapper { max-width: 380px!important; } } @media only screen and (max-width: 500px) { .page.page-id-120 .mh-hvr-img-wrapper { max-width: 200px!important; } } @media only screen and (max-width: 991px) { .page-id-120 .mh-row-img-left .mh-hvr-img-wrapper { padding-bottom: 50px; } .page-id-120 .mh-row-img-right .mh-hvr-img-wrapper { padding-top: 50px; } .page-id-120 .vc_row.wpb_row.section.vc_row-fluid.mh-row-in-grid-bg .vc_row.wpb_row.section.vc_row-fluid.vc_inner { background-color: #fff!important; } .page-id-120 .vc_row.wpb_row.section.vc_row-fluid.mh-row-in-grid-bg .vc_row.wpb_row.section.vc_row-fluid.vc_inner a.mh-btn-white { background-color: #c7c6c4!important; color: #ffffff!important; } .page-id-120 .content .full_width_inner .vc_row.wpb_row.section.vc_row-fluid.mh-row-in-grid-bg:not(.vc_inner) { border-bottom: 2px solid #ece6da; } .mh-row-partner-wrapper .wpb_column.vc_column_container.vc_col-sm-12.vc_col-md-4 { border-bottom: 2px solid #fff; } .full_width_inner .vc_row.mh-home-spektrum .wpb_column.vc_column_container.vc_col-sm-12.vc_col-md-6.vc_col-xs-12 { margin-bottom: 2px; } .full_width_inner .vc_row.mh-home-spektrum .mh-home-spektrum-row-2 .wpb_column.vc_column_container.vc_col-sm-12.vc_col-md-6.vc_col-xs-12:last-child { margin-bottom: 0px; } } @media (min-width: 992px) and (max-width: 1250px) { .wpb_wrapper .mh-btn.mh-btn-read-more { margin-top: 25px!important; margin-bottom: 25px!important; } .wpb_wrapper h2.mh-ft-title { padding-bottom: 20px; } .page_header.sticky .content { margin-top: -160px!important; } } @media (max-height: 650px) and (min-width: 1250px) { .mh-megamenu-element-content .mh-megamenu-element-logo { margin-top: -50px; margin-bottom: -50px; } } @media (max-height: 770px) and (min-width: 1250px) { .mh-megamenu-element-logo { margin-top: -80px; margin-bottom: -40px; padding-bottom: 0px; border-bottom: none; } .page-template .pum-theme-398 .pum-content + .pum-close { padding: 10px 15px 8px 15px!important; } } @media (max-height: 680px) and (min-width: 1250px) { .mh-megamenu .mh-megamenu-element-inner { height: 330px; } } .home #slide-1-layer-17.tp-caption, .home #slide-67-layer-17 { opacity: 1!important; visibility: visible!important; } .home #slide-1-layer-17.tp-caption *, .home #slide-67-layer-17 * { opacity: 1!important; visibility: visible!important; } /* .home #slide-67-layer-17 { opacity: 1!important; visibility: visible!important; } */ .vc_hidden-lg.vc_hidden-md .cff-wrapper { max-width: 500px; margin: 0 auto; text-align: center; } @media (max-width: 1000px) { #cff p { width: auto; } } /* Team Overlay Styling */ .vc_row.nn-team-info-row .vc_column-inner { padding: 0 0 0 7px!important; } .nn-team-info-text-wrapper { padding: 30px 40px 20px 20px; } .nn-team-info-text-wrapper h1 { padding-bottom: 10px; font-weight: 500; font-size: 40px; letter-spacing: 1px; } .esg-grid .mh-btn.mh-btn-white { border: 0px!important; } .nn-team-info-text-wrapper .nn-team-info-quote { padding-bottom: 15px; } .nn-team-info-text-wrapper p { padding-bottom: 15px; } .nn-team-info-text-wrapper p:last-child { padding-bottom: 0px; } .pum-container:not(#popmake-581):not(#popmake-404) .pum-close.popmake-close { top: 5px !important; right: 5px !important; padding: 0px !important; border: none !important; text-transform: none !important; font-size: 50px !important; width: 30px; height: 50px; background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-close-grey.svg)!important; background-size: cover!important; -webkit-box-shadow: none!important; box-shadow: none!important; } #popmake-581 button.pum-close.popmake-close, #popmake-404 button.pum-close.popmake-close { top: 30px!important; right: 32px!important; padding: 0px !important; border: none !important; text-transform: none !important; background: none !important; font-size: 50px !important; width: 30px; height: 50px; background: url(https://www.mund-harmonie.de/wp-content/uploads/2017/09/zahnartz-praxis-freiburg-mundharmonie-icon-arrow-left-circle-white.svg)!important; background-size: cover!important; } .pum-container.popmake.theme-398 { padding: 0px!important; } .vc_row.nn-team-info-row { margin: 0px!important; background-color: #f2f1ed !important; } @media (min-width: 1130px) { .pum-theme-398 .pum-container:not(.size-custom), .pum-theme-standard-theme .pum-container:not(.size-custom) { width: 1128px!important; } } .q_logo img { width: 44.59px!important; height: 40px!important; } /*.pum-open .header_top_bottom_holder .header_bottom { padding: 0 62px 0 45px; transition: padding 0s ease; } .mh-team-zitat { max-height: 26px; } */ .pum-open:not(.pum-open-scrollable) .header_top_bottom_holder{ padding-right:0px; } .home-slider-logo { width: 360px!important; height: 213.5px!important; } @media (min-width: 331px) and (max-width: 420px) { .home-slider-logo.svg { width: 300px!important; height: 178px!important; } } @media (max-width: 330px) { .home-slider-logo.svg { width: 240px!important; height: 142.3px!important; } } .mh-home-slider-logo-wrapper { text-align: center; } @media (max-width: 420px) { .sn-mail { display: none; } .sn-tel.sn-tel.sn-tel.sn-tel { padding-right: 0!important; margin-right: -5px; } .mh-sn-toggle-icon-wrapper { margin-right: -9px; } } @media (max-width: 330px) { .sn-contact { display: none; } } /* body { overflow:hidden; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */ .mh-row-in-grid-bg.grid_section .mh-btn-wrapper { margin-bottom: 25px; } .mh-img-row-content-left .mh-btn-wrapper.mh-btn-wrapper, .mh-img-row-content-right .mh-btn-wrapper.mh-btn-wrapper{ margin-bottom: 0;} .mh-sl-nav-inner { -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .page.scroll .mh-sl-nav-wrapper.mh-sl-static-nav .mh-sl-nav-inner { opacity: 0; } header, header * { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } @media (max-height: 750px) { .wpb_wrapper .mh-megamenu-element-inner { height: auto; } } @media (min-width: 768px) { body:not(.home) { padding-top: 0!important; } } .mh-mehr-erfahren-wrapper p { display: block!important; } @media (min-width: 768px) and (max-width: 992px) { .mh-mehr-erfahren-wrapper { margin-top: 50px; } } .pum-container { z-index: 1000!important; } header * { z-index: 1111!important; } .esg-entry-cover { overflow: visible!important; } .team-info-wrapper.popup h3 { padding-bottom: 10px!important; } .team-info-wrapper.popup p { padding: 0 15px; } .mh-spektrum-logo-img, .mh-megamenu-logo-img { height: 70px; width: 70px; } .pum-content .mh-megamenu-logo-img { height: 70px; width: auto; } .mh-spektrum-element-inner-no-hover .mh-spektrum-logo-img { padding-bottom: 8px; } .popup-btn-overlay-wrapper { margin-bottom: 20px!important; } .mh-grid-img-xs img:before { background-color: rgba(255,255,255,0.4); } .mh-sn-toggle-icon-wrapper { text-align: right!important; } /* Fix Menu 2020-03-27 */ html:not(.pum-open-overlay) .home .scroll_header_top_area.stick.page_header:not(.sticky) { z-index: -1; visibility: hidden; }