html { font-size: 100% !important; } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: url("../fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.woff2") format("woff2"), url("../fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.woff") format("woff"), url("../fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.ttf") format("truetype"), url("../fonts/fira-sans-v16-latin/fira-sans-v16-latin-700.svg#FiraSans") format("svg"); /* Legacy iOS */ } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Fira Sans'; font-style: normal; font-weight: 600; src: url("../fonts/fira-sans-v16-latin/fira-sans-v17-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } .button.button-green { background-color: #457614 !important; border: 2px solid #457614 !important; } .pink { color: #9A4767 !important; } .button { background-color: #9A4767 !important; border: 2px solid #9A4767 !important; color: #ffffff !important; } #article_parent_pagetitle { color: #9A4767 !important; } #mainnavi > li > a.active { color: #9A4767 !important; } .h2.subtitle, h2.subtitle, .subtitle, h4.subtitle { color: #9A4767 !important; } .green { color: #457614 !important; } main#content a { color: #457614; } .langswitch .currentlanguage { color: #9A4767 !important; } #article_pagetitle { word-break: auto-phrase; } #mainnavi > li.hassub > a:after { background-image: url(../img/menu_link_arrow.png) !important; } #header .searchtrigger#opensearch { background-image: url(../img/search-btn.svg) !important; } .langswitch ul.languages li a.active, .langswitch ul.languages li a:hover { color: #9A4767 !important; } ul li::marker, ol li::marker { color: #9A4767 !important; } #footer .footercontent { background-color: #9A4767 !important; } #footersitemap > ul ul.sub li a { color: rgba(255, 255, 255, 0.8) !important; } #sidelinks a { background-color: #457614 !important; } #bottomfooter #footernavi > li a.currentlanguage, #bottomfooter #footernavi > li a.footernavilink { color: #ffffff !important; } .fertility_infobox a { color: #ffffff !important; } .fertility_infobox .icon { background-color: #457614 !important; } .fertility_imageboxesslider .sipwer-buttons .swiper-button-next, .fertility_imageboxesslider .sipwer-buttons .swiper-button-prev, .locationlist .sipwer-buttons .swiper-button-next, .locationlist .sipwer-buttons .swiper-button-prev, .menu_pages .sipwer-buttons .swiper-button-next, .menu_pages .sipwer-buttons .swiper-button-prev { background: #9A4767 !important; } #header #searchbox #searchbox_sword { color: #9A4767 !important; } #header #searchbox #searchbox_sword:focus-visible { outline: 1px solid #9A4767 !important; } #mobilenavi_container .langswitch { order: 3; } .skip-link { position: absolute; top: -40px; left: 0; background: #000; color: #fff; padding: 8px 16px; z-index: 100; text-decoration: none; } .skip-link:focus { top: 0; } #mobilenavi_container .langswitch:last-of-type { display: none; } .neu-home div.subtitle { color: #9A4767; font-size: 18px; line-height: 21px; letter-spacing: -0.27px; font-weight: 700; } .neu-home h2 { color: #3D3D3D; font-size: 61px; line-height: 70px; letter-spacing: -1.22px; font-weight: 300; } .neu-home p { color: #3D3D3D; font-size: 20px; line-height: 30px; letter-spacing: -0.3px; font-weight: 400; } #fertility_startimage_buttons { background-color: #F6E9EE; margin-bottom: 160px; position: relative; z-index: 1; padding-top: 74px; } #fertility_startimage_buttons .inner { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding-bottom: 150px; position: relative; z-index: 1; gap: 90px; max-width: 1680px; } #fertility_startimage_buttons .text { max-width: 745px; } #fertility_startimage_buttons .text h1, #fertility_startimage_buttons .text h2 { font-size: 66px; line-height: 76px; letter-spacing: -1.32px; } #fertility_startimage_buttons .text h1 span, #fertility_startimage_buttons .text h2 span { font-weight: 500; } #fertility_startimage_buttons .text p { font-size: 26px; line-height: 36px; letter-spacing: -0.39px; color: #3D3D3D; font-weight: 300; } #fertility_startimage_buttons .text a.button { margin-right: 125px; } #fertility_startimage_buttons .text a.button:last-child { margin-right: 0; } #fertility_startimage_buttons .text ul { list-style-type: none; padding: 0 !important; margin: 0 !important; } #fertility_startimage_buttons .text ul li label { display: block; font-size: 23px; line-height: 28px; color: #9A4767; text-transform: uppercase; font-weight: 700; } #fertility_startimage_buttons .text ul li span { font-size: 35px; line-height: 42px; color: #3D3D3D; font-weight: 300; } #fertility_startimage_buttons .text .contact_email { margin-top: 40px !important; } #fertility_startimage_buttons .text .contact_email li { display: flex; position: relative; gap: 35px; margin-bottom: 50px; } #fertility_startimage_buttons .text .contact_email li .icon { position: relative; width: 63px; text-align: center; } #fertility_startimage_buttons .text .contact_email li .icon img { position: relative; } #fertility_startimage_buttons .text .contact_email li .icon::before { content: ""; position: absolute; top: -12px; left: -20px; background-image: url(../img/icon-bg-white.png); background-repeat: no-repeat; width: 108px; height: 108px; } #fertility_startimage_buttons .text .button-link li { display: inline-block; } #fertility_startimage_buttons .text .button-link li a { width: 208px; background-color: #457614; border: 0; color: #F6F3F3; font-size: 20px; line-height: 23px; letter-spacing: -0.3px; font-weight: 700; padding: 17px 0; display: inline-block; text-align: center; margin-right: 20px; border-radius: 29px; } #fertility_startimage_buttons .image-bg { position: relative; } #fertility_startimage_buttons .image-bg .image { position: relative; } #fertility_startimage_buttons .image-bg .image .copyrightInfo { top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } #fertility_startimage_buttons .image-bg .image img { position: relative; -webkit-mask-image: url(../img/banner-mask.svg); mask-image: url(../img/banner-mask.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } #fertility_startimage_buttons .image-bg .image::before { content: ""; position: absolute; background-image: url(../img/ellipse_violett-f.png); width: 70%; height: 84%; background-repeat: no-repeat; left: auto; right: 0; background-size: 100% 100%; top: 50%; transform: translateY(-50%); } #fertility_startimage_buttons::before { background-image: url(../img/background-banner-final-3.png); background-repeat: no-repeat; background-size: 100% 100%; bottom: -235px; content: ""; height: 1524px; left: 0; position: absolute; width: 100%; z-index: 0; } .frame-type-mask_fertility_text_element { display: inline-block; margin-bottom: 155px !important; width: 100%; } .frame-type-mask_fertility_text_element .fertility_textelement_container { width: 978px; margin: 0 auto; } .frame-type-mask_fertility_text_element .fertility_textelement_container h2, .frame-type-mask_fertility_text_element .fertility_textelement_container h1, .frame-type-mask_fertility_text_element .fertility_textelement_container div.subtitle { text-align: center; position: relative; z-index: 1; } .frame.frame-width-default.frame-type-mask_fertility_bild_mit_link { margin-bottom: 150px !important; } .frame.frame-width-default.frame-type-mask_fertility_bild_mit_link .inner { max-width: 1430px; } .frame.frame-width-default.frame-type-mask_fertility_bild_mit_link .inner .fertility_bildlink_container .image { line-height: 0; } .frame.frame-width-default.frame-type-mask_fertility_bild_mit_link .inner .fertility_bildlink_container .image img { border-radius: 16px; } .frame.frame-width-default.frame-type-mask_fertility_bild_mit_link .inner .fertility_bildlink_container .more-link { text-align: center; margin-top: 30px; } .frame.frame-width-default.frame-type-mask_fertility_bild_mit_link .inner .fertility_bildlink_container .more-link .readmore_link { color: #457614; font-size: 18px; line-height: 28px; letter-spacing: -0.27px; font-weight: 500; } .faq-section { margin-bottom: 130px; } .faq-section .frame.frame-width-default .inner { max-width: 1430px; } .faq-section .frame.frame-width-default .inner .content h2 { color: #3D3D3D; font-size: 59px; line-height: 71px; font-weight: 300; } .faq-section .frame.frame-width-default .inner .content h3 { position: relative; font-size: 30px; line-height: 32px; color: #3D3D3D; font-weight: 300; } .faq-section .frame.accordion .content { border-bottom: 1px solid #e5e5e5; } .faq-section .frame.accordion .content header { position: relative; padding: 42px 50px 42px 20px; display: block; } .faq-section .frame.accordion .content header .main { display: none; } .faq-section .frame.accordion .content header::before { content: ""; background-image: url(../img/questions.png); background-repeat: no-repeat; width: 48px; height: 118px; position: absolute; left: 0; top: 0; } .faq-section .frame.accordion .content::after { top: 50px; display: block; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default { margin-bottom: 130px !important; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner { max-width: 1681px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container > h2, .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container > h1, .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container > div.subtitle { text-align: center; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container > p { width: 1129px; margin: 0 auto 20px auto; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctor-teams { display: flex; flex-wrap: wrap; padding-top: 30px; column-gap: 76px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctor-teams .view_all_doctors { width: 100%; text-align: center; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctor-teams .view_all_doctors .button { width: 257px; color: #F6F3F3; font-size: 18px; line-height: 21px; letter-spacing: -0.27px; padding: 15px 0px; border-radius: 26px; background-color: #9A4767; border: 0; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box.empty-box { background-color: transparent; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box { background-color: #ffffff; display: flex; border-radius: 16px; padding: 9px 11px; width: 29%; gap: 40px; align-items: center; margin-bottom: 38px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box .pic-content img { max-width: unset; border-radius: 10px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box .info-content .subtitle { font-size: 20px; line-height: 24px; color: #9A4767; font-weight: 700; letter-spacing: -0.3px; margin-bottom: 5px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box .info-content .name { font-size: 30px; line-height: 36px; color: #3D3D3D; font-weight: 700; letter-spacing: -0.45px; margin-bottom: 20px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box .info-content .info p { font-size: 15px; line-height: 19px; color: #3D3D3D; font-weight: 300; letter-spacing: -0.23px; margin-bottom: 10px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box .info-content .readmore_link { font-size: 18px; line-height: 28px; color: #457614; font-weight: 500; letter-spacing: -0.27px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .fertility_doctorteamslider { display: none; } #fertility_regional_elements, .fertility_regional_elements { margin-bottom: 130px; position: relative; } #fertility_regional_elements .title-subtitle, .fertility_regional_elements .title-subtitle { padding-left: 333px; } #fertility_regional_elements .regional-content, .fertility_regional_elements .regional-content { display: flex; gap: 110px; } #fertility_regional_elements .regional-content .image img, .fertility_regional_elements .regional-content .image img { max-width: unset; margin-top: 30px; } #fertility_regional_elements .regional-content .text, .fertility_regional_elements .regional-content .text { max-width: 969px; } #fertility_regional_elements .regional-content .text h2, .fertility_regional_elements .regional-content .text h2 { font-size: 35px; line-height: 42px; color: #3D3D3D; font-weight: 300; letter-spacing: -0.7px; } #fertility_regional_elements .regional-content .text p, .fertility_regional_elements .regional-content .text p { font-weight: 300; } #fertility_regional_elements .regional-content .text .contact_email label, .fertility_regional_elements .regional-content .text .contact_email label { margin-bottom: 6px; } #fertility_regional_elements .regional-content .text .contact-hours, .fertility_regional_elements .regional-content .text .contact-hours { display: flex; gap: 60px; padding-top: 40px; } #fertility_regional_elements .regional-content .text .contact-hours label, .fertility_regional_elements .regional-content .text .contact-hours label { font-size: 20px; line-height: 32px; color: #9A4767; font-weight: 700; letter-spacing: 1.6px; display: block; text-transform: uppercase; } #fertility_regional_elements .regional-content .text .contact-hours span, .fertility_regional_elements .regional-content .text .contact-hours span { font-size: 20px; line-height: 24px; color: #3D3D3D; font-weight: 300; } #fertility_regional_elements .regional-content .text .contact-hours .hours-timing .contenttable tr td:first-child, .fertility_regional_elements .regional-content .text .contact-hours .hours-timing .contenttable tr td:first-child { margin-right: 40px; display: inline-block; } #fertility_regional_elements .regional-content .text .contact-hours .hours-timing .contenttable td, .fertility_regional_elements .regional-content .text .contact-hours .hours-timing .contenttable td { font-size: 20px; line-height: 32px; color: #9A4767; font-weight: 300; letter-spacing: 1.6px; text-transform: capitalize; } #fertility_regional_elements .regional-content .text .contact-hours .email, .fertility_regional_elements .regional-content .text .contact-hours .email { margin-top: 20px; } #fertility_regional_elements .regional-content .text .contact-hours .special_info, .fertility_regional_elements .regional-content .text .contact-hours .special_info { background-color: #ffffff; border-radius: 13px; padding: 45px 35px; position: relative; } #fertility_regional_elements .regional-content .text .contact-hours .special_info ul, .fertility_regional_elements .regional-content .text .contact-hours .special_info ul { padding-left: 20px; } #fertility_regional_elements .regional-content .text .contact-hours .special_info ul li, .fertility_regional_elements .regional-content .text .contact-hours .special_info ul li { color: #3D3D3D; font-size: 20px; line-height: 30px; letter-spacing: -0.4px; font-weight: 300; margin-bottom: 10px; } #fertility_regional_elements .regional-content .text .contact-hours .special_info ul li strong, .fertility_regional_elements .regional-content .text .contact-hours .special_info ul li strong { font-weight: 700; } #fertility_regional_elements .regional-content .text .contact-hours .special_info p strong span, .fertility_regional_elements .regional-content .text .contact-hours .special_info p strong span { color: #9A4767; letter-spacing: 1.6px; font-weight: 700; } #fertility_regional_elements .regional-content .text .contact-hours .special_info p, .fertility_regional_elements .regional-content .text .contact-hours .special_info p { width: 500px; } #fertility_regional_elements .regional-content .text .contact-hours .special_info::before, .fertility_regional_elements .regional-content .text .contact-hours .special_info::before { content: ""; background-image: url(../img/kachel.svg); background-repeat: no-repeat; position: absolute; top: -30px; left: 0; width: 53px; height: 53px; } #fertility_regional_elements .regional-content .text .request-link .button, .fertility_regional_elements .regional-content .text .request-link .button { background-color: #9A4767; border-radius: 26px; color: #F6F3F3; font-size: 18px; line-height: 21px; letter-spacing: -0.27px; font-weight: 700; width: 257px; text-align: center; padding: 13px 0; margin-top: 30px; } #fertility_regional_elements .regional-content .text .request-link.mob-link, .fertility_regional_elements .regional-content .text .request-link.mob-link { display: none; } .bubble-section { position: relative; display: inline-block; width: 100%; margin-bottom: 80px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner { max-width: 1430px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .fertility_bubble_container { position: relative; z-index: 1; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info { display: flex; flex-wrap: wrap; gap: 30px; padding-top: 30px; padding-left: 35px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text.bubble3 { width: 650px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text.bubble3 p { width: 430px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text.bubble4 { margin-left: 35px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text.bubble4 p { width: 299px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text { width: 576px; display: flex; position: relative; align-items: center; gap: 20px; margin-bottom: 80px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text .bubble-count { position: relative; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text .bubble-count label { font-size: 240px; color: #9A4767; line-height: 253px; letter-spacing: -4.8px; font-weight: 600; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text .bubble-text { position: relative; padding-top: 60px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text .bubble-text .pink { font-size: 25px; line-height: 30px; font-weight: 700; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text .bubble-text p { font-size: 24px; line-height: 36px; font-weight: 300; letter-spacing: 0; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble1::before { content: ""; background-image: url(../img/count-bubble1.png); background-repeat: no-repeat; width: 535px; height: 299px; position: absolute; left: 0; top: 0; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble2::before { content: ""; background-image: url(../img/count-bubble2.png); background-repeat: no-repeat; width: 628px; height: 355px; position: absolute; left: 0; top: 0; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble3::before { content: ""; background-image: url(../img/count-bubble3.png); background-repeat: no-repeat; width: 652px; height: 334px; position: absolute; left: 0; top: 0; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble4::before { content: ""; background-image: url(../img/count-bubble4.png); background-repeat: no-repeat; width: 561px; height: 413px; position: absolute; left: -18px; top: -40px; } .bubble-section::after { content: ""; background-image: url(../img/bubble-eileiter.png); background-repeat: no-repeat; width: 490px; height: 625px; position: absolute; right: 0px; top: 0; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default { display: inline-block; width: 100%; margin-bottom: 130px !important; position: relative; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner { max-width: 1550px; padding-left: 8%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .accordion-head { max-width: 65%; position: relative; z-index: 1; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container { display: flex; gap: 110px; align-items: center; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text { width: 850px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text .bildtextfaq-image-mobile { display: none; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text p { font-weight: 300; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text .more-link .readmore_link { font-size: 18px; line-height: 28px; letter-spacing: -0.27px; color: #457614; padding-top: 20px; display: inline-block; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image { position: relative; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image .image { position: relative; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image .image .copyrightInfo { top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); right: -50px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image .image img { position: relative; -webkit-mask-image: url(../img/bildtextfaq-mask.svg); mask-image: url(../img/bildtextfaq-mask.svg); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 523px; height: 586px; object-fit: cover; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image::before { content: ""; position: absolute; background-image: url(../img/bildtextfaq-image-bg.png); width: 467px; height: 470px; background-repeat: no-repeat; background-size: 100%; top: 55px; right: -50px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container { align-items: flex-start; gap: 0; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text { width: 940px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text p { font-weight: 400; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image { position: unset; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image::before { content: unset; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image { mask-image: unset; position: absolute; right: -80px; top: 0; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image img { width: auto; height: auto; mask-image: unset; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .acc-title { display: flex; gap: 5px; position: relative; z-index: 1; cursor: pointer; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .acc-title p { color: #9A4767; font-size: 25px; line-height: 30px; letter-spacing: -0.38px; font-weight: 700 !important; position: relative; display: inline-block; width: 100%; margin-bottom: 15px; cursor: pointer; min-width: 430px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .acc-title span { min-width: 20px; position: relative; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .acc-title span::before { content: ""; background-image: url(../img/accordion-arrow.png); width: 14px; height: 8px; position: absolute; right: 0px; top: 33%; transform: translateY(-33%); } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_items { display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(8, auto); grid-auto-flow: row; grid-column-gap: 40px; padding-top: 35px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_desc h3 { color: #3D3D3D; font-size: 35px; line-height: 42px; letter-spacing: -0.7px; font-weight: 300; margin-bottom: 34px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_desc div { font-weight: 300; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_desc .button { width: 257px; color: #F6F3F3; font-size: 18px; line-height: 21px; letter-spacing: -0.27px; padding: 15px 0px; border-radius: 26px; background-color: #9A4767; border: 0; text-align: center; margin-top: 21px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_desc .accordin-content.con-show { padding: 35px 0 45px 0; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_desc .accordin-content.con-show div { width: auto; margin-bottom: 40px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_desc .accordin-content.con-show div::before { right: -25px; top: 11px; transform: rotate(-90deg); } .home.neu-home { background-color: #F6F3F3; } .home.neu-home #header { background-color: #F6E9EE; } .home.neu-home #header .inner { max-width: 1680px; } .home.neu-home #header.sticky { background-color: #ffffff; } .home.neu-home #footer { position: relative; } .home.neu-home #footer .inner { max-width: 1680px; } .home.neu-home #footer::before { content: ""; background-image: url(../img/footer-bg.png); background-repeat: no-repeat; background-size: 100%; width: 100%; height: 653px; position: absolute; left: 0; top: -320px; z-index: -1; } .home.neu-home #footer .text_inner h2 { font-size: 1.6666666667rem; font-weight: 300; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; letter-spacing: -.6px; line-height: 1.2666666667; margin-bottom: 30px; color: #fff; } .home.neu-home #questionnaireteaser { background-color: #EFE3E6; z-index: 1; } .home.neu-home #questionnaireteaser .image .image_container { position: relative; } .home.neu-home #questionnaireteaser .image .image_container::before { background-image: url(../img/roundimage_bg-2.svg); } .home.neu-home #breadcrumb { display: none; } .home.neu-home .frame.frame-width-default.jump-mark { background-color: #F6E9EE; } .home.neu-home .frame.frame-width-default.jump-mark .inner { max-width: 1680px; z-index: 9; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-mob { display: none; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container { display: flex; gap: 40px; border-top: 1px solid #9A4767; padding: 21px 0; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container #data_pagetitle { margin: 0; font-size: 18px; line-height: 27px; color: #F6F3F3; font-weight: 400; position: relative; padding: 16px 0 16px 32px; min-height: 59px; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container #data_pagetitle .page-title { background-color: rgba(166, 196, 15, 0.7); position: relative; padding: 3px 10px 2px 5px; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container #data_pagetitle .sub-page-title { background-color: rgba(173, 85, 118, 0.7); position: relative; padding: 2px 10px 2px 5px; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container #data_pagetitle::before { content: ""; background-image: url(../img/logo_fertility_bunt.png); background-repeat: no-repeat; width: 80px; height: 90px; position: absolute; left: 0; top: 0; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container .jumpmarks { gap: 29px; display: flex; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container .jumpmarks li { display: flex; align-items: center; gap: 10px; margin: 0; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container .jumpmarks li a { color: #9A4767 !important; font-size: 18px; line-height: 22px; text-decoration: none; font-weight: 500; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container .jumpmarks li a::after { display: none; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container .jumpmarks li a:hover { text-decoration: none; } .frame-type-mask_fertility_testimonials.frame.frame-width-default { margin-bottom: 162px !important; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner { max-width: 1430px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container > h2, .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container div.subtitle { text-align: center; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container > h1 { text-align: center; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container > p { width: 830px; margin: auto auto 20px; font-weight: 300; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper { padding: 95px 0 20px 0px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide .testimonial-item { position: relative; padding-left: 155px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide .testimonial-item .testimonial-title { position: relative; font-size: 28px; line-height: 30px; color: #9A4767; font-weight: 700; display: block; margin-bottom: 10px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide .testimonial-item p { position: relative; font-size: 16px; line-height: 30px; font-weight: 300; width: 445px; margin-bottom: 10px; letter-spacing: 0; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide .testimonial-item span { position: relative; font-size: 19px; line-height: 23px; font-weight: 500; color: #457614; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide::before { content: ""; background-image: url(../img/testimoal-review.png); background-repeat: no-repeat; width: 553px; height: 99px; position: absolute; left: 0px; top: -52px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-scrollbar.swiper-scrollbar-horizontal { display: none; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-pagination { bottom: -5px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-pagination .swiper-pagination-bullet { background: rgba(0, 0, 0, 0.1); width: 16px; height: 16px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-pagination .swiper-pagination-bullet-active { background: #9A4767; } .frame-type-mask_fertility_fragebogen.frame.frame-width-default { margin-bottom: 288px; } .frame-type-mask_fertility_fragebogen.frame.frame-width-default .inner { max-width: 1430px; } .frame-type-mask_fertility_fragebogen.frame.frame-width-default .inner .fertility_questionnaire_container .answers .answer-link { background-color: #ffffff; font-size: 20px; line-height: 30px; letter-spacing: -0.3px; color: #3D3D3D; font-weight: 400; width: 100%; display: inline-block; margin-bottom: 8px; text-decoration: none; border-radius: 13px; position: relative; } .frame-type-mask_fertility_fragebogen.frame.frame-width-default .inner .fertility_questionnaire_container .answers .answer-link > span { padding: 19px 40px 19px 22px; display: inline-block; } .frame-type-mask_fertility_fragebogen.frame.frame-width-default .inner .fertility_questionnaire_container .answers .answer-link .green { color: #3D3D3D; } .frame-type-mask_fertility_fragebogen.frame.frame-width-default .inner .fertility_questionnaire_container .answers .answer-link::before { content: ''; background-image: url(../img/answer-link-arrow.png); background-repeat: no-repeat; width: 14px; height: 24px; position: absolute; right: 23px; top: 50%; transform: translateY(-50%); } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default { margin-bottom: 120px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner { max-width: 1430px !important; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container > h1, .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container h2 { width: 750px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container > p { width: 906px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info { display: flex; margin-top: 100px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-img img { max-width: 627px; position: relative; left: -150px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .question h2 { font-size: 35px; line-height: 42px; font-weight: 300; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .answers .answer-link { background-color: #ffffff; font-size: 20px; line-height: 30px; letter-spacing: -0.3px; color: #3D3D3D !important; font-weight: 400; width: 100%; display: inline-block; margin-bottom: 8px; text-decoration: none; border-radius: 13px; position: relative; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .answers .answer-link span { padding: 19px 40px 19px 22px; display: inline-block; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .answers .answer-link .green { color: #3D3D3D; padding: 0; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .answers .answer-link::before { content: ''; background-image: url(../img/answer-link-arrow.png); background-repeat: no-repeat; width: 14px; height: 24px; position: absolute; right: 23px; top: 50%; transform: translateY(-50%); } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .more-link .button { width: 140px; font-size: 18px; line-height: 20px; letter-spacing: -0.27px; color: #F6F3F3; font-weight: 700; border-radius: 50px; text-align: center; padding: 13px 0; margin-top: 40px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default { margin-bottom: 180px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner { max-width: 1430px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > h2, .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > div.subtitle { text-align: center; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > h1, .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container h2 { width: 924px; margin: 0 auto 30px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > h1 span, .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container h2 span { color: #9A4767; font-weight: 700; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > p { width: 829px; margin: 0 auto 20px; font-weight: 300; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location { margin-top: 100px; position: relative; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point { position: relative; max-width: 956px; padding-left: 30px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point .map_location { position: absolute; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point .map_location span { color: #3D3D3D; font-size: 20px; line-height: 30px; letter-spacing: -0.3px; font-weight: 500; position: relative; cursor: pointer; display: inline-block; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point .map_location::before { content: ""; position: absolute; left: -35px; top: 50%; transform: translateY(-50%); background-color: #9A4767; width: 21px; height: 21px; border-radius: 100%; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point .map_location.active_location::before { background-color: #457614; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point div#location_3 { top: 24% !important; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point div#location_4 span { width: 274px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box { position: absolute; right: 16px; bottom: 400px; width: 563px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info { background-color: rgba(255, 255, 255, 0.82); border-radius: 8px; padding: 50px 75px 30px 75px; display: none; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info h2.subtitle { font-size: 12px; line-height: 15px; letter-spacing: -0.18px; margin-bottom: 30px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info .h2 { font-size: 34px; line-height: 39px; letter-spacing: -0.68px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info .readmore_link { font-size: 12px; line-height: 14px; letter-spacing: -0.18px; color: #457614; margin-top: 30px; display: inline-block; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info .address_bookingbtn { display: flex; justify-content: space-between; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info .address_bookingbtn .booking-button a { background-color: #457614; border: 0; color: #F6F3F3; font-size: 15px; line-height: 17px; letter-spacing: -0.3px; font-weight: 700; padding: 14px 17px; display: inline-block; text-align: center; border-radius: 29px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info.active_mapbox { display: block; } .home.neu-home .spot.spot-num-1.spot-position-left.spot-type-1 { background-image: url(../img/spot-bg-1.png); width: 164px; height: 412px; } .home.neu-home .spot.spot-num-1.spot-position-right.spot-type-1 { background-image: url(../img/spot-bg-2.png); width: 331px; height: 412px; } .home.neu-home .spot.spot-num-2.spot-position-right.spot-type-2 { background-image: url(../img/spot-bg-3.png); width: 195px; height: 412px; } .home.neu-home .spot.spot-num-2.spot-position-left.spot-type-2 { background-image: url(../img/spot-bg-4.png); width: 144px; height: 470px; } .home.neu-home .spot.spot-num-3.spot-position-right.spot-type-1 { background-image: url(../img/spot-bg-5.png); width: 234px; height: 681px; } #questionnaire_result_container .result-form { position: relative; } #questionnaire_result_container .result-form:after { content: ""; position: absolute; right: 0; top: -150px; background-image: url(../img/form_result_bg.png); width: 649px; height: 633px; } #questionnaire_result_container .result-form header { max-width: 662px; } #questionnaire_result_container .result-form header h2 { font-family: 'Fira Sans'; font-weight: 300; color: #3D3D3D; font-size: 2.7777777778rem; line-height: 1.16; letter-spacing: -1.22px; } #questionnaire_result_container .result-form header h3 { font-family: 'Fira Sans'; font-weight: 400; color: #3D3D3D; font-size: 16px; line-height: inherit; letter-spacing: -0.3px; } #questionnaire_result_container .result-form .tx-powermail { margin-top: 95px; } #questionnaire_result_container .result-form .tx-powermail h3 { display: none; } #questionnaire_result_container .result-form .tx-powermail label, #questionnaire_result_container .result-form .tx-powermail input, #questionnaire_result_container .result-form .tx-powermail select, #questionnaire_result_container .result-form .tx-powermail textarea, #questionnaire_result_container .result-form .tx-powermail .powermail_fieldwrap_type_text .powermail_field, #questionnaire_result_container .result-form .tx-powermail .powermail_select { font-family: 'Fira Sans'; font-weight: 400; color: #3D3D3D; font-size: 16px; line-height: inherit; letter-spacing: -0.3px; outline: 0; } #questionnaire_result_container .result-form .tx-powermail input::placeholder { color: #7B7B7B; } #questionnaire_result_container .result-form .tx-powermail .powermail_select { padding-left: 15px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url("../img/arrow_down_black.svg"); background-repeat: no-repeat, repeat; background-position: right 15px top 50%, 0 0; background-size: .65em auto, 100%; } #questionnaire_result_container .result-form .tx-powermail .powermail_legend { font-family: 'Fira Sans'; font-weight: 300; color: #3D3D3D; font-size: 1.6666666667rem; line-height: 1.2666666667; margin-bottom: 40px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout1 { border: 0; margin-bottom: 50px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout1 label { width: 18%; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout1 .powermail_fieldwrap { display: flex; gap: 118px; align-items: center; margin-bottom: 10px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout1 .powermail_field .powermail_select, #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout1 .powermail_field input { background-color: #FFFFFF; border-radius: 13px; border: 0; width: 325px; color: #7B7B7B; height: 48px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout2 { border: 0; display: flex; gap: 10px; margin-bottom: 20px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout2 .powermail_fieldwrap { width: 325px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout2 .powermail_fieldwrap input { height: 48px; padding-left: 15px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout2 label { display: none; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout3 { border: 0; display: flex; gap: 37px; margin-bottom: 36px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_legend { display: none; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_fieldwrap_type_textarea label { display: none; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_fieldwrap_type_textarea textarea { width: 640px; border: 0; border-radius: 13px; resize: none; padding: 10px 0 0 15px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_fieldwrap_type_text { width: 277px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_fieldwrap_type_select label { display: none; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_select { background-color: #FFFFFF; border-radius: 13px; border: 0; width: 325px; color: #7B7B7B; height: 48px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.nolabel { border: 0; display: flex; justify-content: space-between; max-width: 1330px; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.nolabel .powermail_fieldwrap_type_text .powermail_field { color: #7B7B7B; } #questionnaire_result_container .result-form .tx-powermail .powermail_fieldset.nolabel .powermail_submit { color: #F6F3F3; font-family: 'Fira Sans'; font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: -0.27px; background-color: #9A4767; border-radius: 26px; width: 140px; height: 50px; border: 0; cursor: pointer; } #questionnaire_result_container #clickdock_container { max-width: 904px; } .treatments-info #header { padding: 39px 0; } .treatments-info .frame-type-mask_fertility_videoboxes .content header { display: block; } .treatments-info #fertility_startimage_buttons ul { list-style-type: disc !important; padding-left: 22px !important; } .treatments-info #fertility_startimage_buttons ul li::marker { font-size: 23px; line-height: 18px; } .treatments-info #fertility_startimage_buttons ul.button-link { padding-left: 0 !important; } .treatments-info #fertility_startimage_inhalte { background-color: #F6E9EE; margin-bottom: 160px; position: relative; z-index: 1; padding-top: 102px; } .treatments-info #fertility_startimage_inhalte .inner { display: flex; justify-content: space-between; position: relative; z-index: 1; gap: 90px; max-width: 1600px; } .treatments-info #fertility_startimage_inhalte .inner .text h1, .treatments-info #fertility_startimage_inhalte .inner .text h2 { font-size: 76px; line-height: 88px; letter-spacing: -1.52px; margin-bottom: 60px; } .treatments-info #fertility_startimage_inhalte .inner .text h1 span, .treatments-info #fertility_startimage_inhalte .inner .text h2 span { font-weight: 500; } .treatments-info #fertility_startimage_inhalte .inner .text .professionally_checked { position: relative; padding-left: 80px; margin-bottom: 23px; } .treatments-info #fertility_startimage_inhalte .inner .text .professionally_checked label { font-size: 28px; color: #9A4767; font-weight: 500; width: 100%; display: inline-block; } .treatments-info #fertility_startimage_inhalte .inner .text .professionally_checked span { font-size: 16px; color: #3D3D3D; font-weight: 300; } .treatments-info #fertility_startimage_inhalte .inner .text .professionally_checked::before { content: ""; background-image: url(../img/professionally_checked.png); position: absolute; width: 62px; height: 62px; top: 0; left: 0; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update { padding-left: 0; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li { list-style-type: none; display: flex; gap: 20px; margin-bottom: 30px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li label, .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li span { font-size: 28px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li label { color: #9A4767; font-weight: 500; margin-right: 8px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li span { color: #3D3D3D; font-weight: 300; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li:first-child .icon { position: relative; width: 60px; text-align: center; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li:first-child .icon img { position: relative; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li:first-child .icon::before { content: ""; position: absolute; top: -5px; left: 0px; background-image: url(../img/icon-timer-bg.svg); background-repeat: no-repeat; width: 70px; height: 60px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li:last-child .icon { position: relative; width: 60px; text-align: center; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li:last-child .icon img { position: relative; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li:last-child .icon::before { content: ""; position: absolute; top: -12px; left: 0px; background-image: url(../img/icon-update-bg.svg); background-repeat: no-repeat; width: 60px; height: 50px; } .treatments-info #fertility_startimage_inhalte .inner .content_link { position: relative; } .treatments-info #fertility_startimage_inhalte .inner .content_link h2 { font-size: 34px; color: #9A4767; letter-spacing: -0.68px; font-weight: 600; line-height: 1.3636363636; margin-bottom: 20px; } .treatments-info #fertility_startimage_inhalte .inner .content_link ul { padding-left: 0; } .treatments-info #fertility_startimage_inhalte .inner .content_link ul li { list-style-type: none; } .treatments-info #fertility_startimage_inhalte .inner .content_link ul li a { position: relative; background-color: #FFFFFF; border-radius: 18px; font-size: 25px; line-height: 30px; color: #3D3D3D; letter-spacing: -0.5px; padding: 3px 20px 3px 3px; font-weight: 300; margin-bottom: 10px; display: inline-block; text-decoration: none; white-space: nowrap; } .treatments-info #fertility_startimage_inhalte .inner .content_link ul li a span { position: relative; z-index: 1; font-size: 22px; color: #9A4767; font-weight: 700; width: 30px; display: inline-block; text-align: center; margin-right: 10px; } .treatments-info #fertility_startimage_inhalte .inner .content_link ul li a span::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #F6E9EE; z-index: -1; display: inline-block; width: 30px; height: 30px; border-radius: 18px; } .treatments-info #fertility_startimage_inhalte .inner .content_link::before { content: ""; background-image: url(../img/inhalte.png); position: absolute; width: 70px; height: 128px; top: 80px; left: -110px; } .treatments-info #fertility_startimage_inhalte .inner::before { content: ""; background-image: url(../img/insemination.png); background-repeat: no-repeat; position: absolute; width: 467px; height: 467px; bottom: -150px; right: 29%; } .treatments-info #fertility_startimage_inhalte::before { background-image: url(../img/header-background.png); background-repeat: no-repeat; background-size: 100% 100%; bottom: -76%; content: ""; height: 1304px; left: 0; position: absolute; width: 100%; z-index: 0; } .treatments-info .frame-type-mask_fertility_text_element.frame.frame-width-default .inner { max-width: 1420px; } .treatments-info .definition-section .fertility_textelement_container { width: 1194px; margin: 0; } .treatments-info .definition-section .fertility_textelement_container p { font-weight: 300; } .treatments-info .fertility_textelement_container.text-left h2, .treatments-info .fertility_textelement_container.text-left h1, .treatments-info .fertility_textelement_container.text-left div.subtitle { text-align: left; } .treatments-info .fertility_textelement_container.text-center h2, .treatments-info .fertility_textelement_container.text-center h1 { text-align: center; } .treatments-info .fertility_textelement_container.text-right h2, .treatments-info .fertility_textelement_container.text-right h1 { text-align: right; } .treatments-info .egg_sperm-section .fertility_textelement_container { width: 1215px; } .treatments-info .egg_sperm-section .fertility_textelement_container p { font-weight: 300; } .treatments-info .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default { margin-bottom: 225px !important; } .treatments-info .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text p { font-weight: 300; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .accordion-head { max-width: 55%; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text { width: 830px; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text .fertility_faq_accordion .acc-title p { min-width: 395px; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image { right: -20px; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image img { position: relative; -webkit-mask-image: url(../img/accordin-mask.png); mask-image: url(../img/accordin-mask.png); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 576px; height: 501px; object-fit: cover; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image::before { content: ""; position: absolute; background-image: url(../img/accordin-bg.png); width: 520px; height: 582px; background-repeat: no-repeat; background-size: 100%; top: -20px; right: 70px; } .treatments-info .help-section { position: relative; } .treatments-info .help-section .inner { max-width: 1420px; } .treatments-info .help-section .inner #fertility_regional_elements .title-subtitle, .treatments-info .help-section .inner .fertility_regional_elements .title-subtitle { padding-left: 0; max-width: 950px; margin-bottom: 68px; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content, .treatments-info .help-section .inner .fertility_regional_elements .regional-content { gap: 100px; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content .image, .treatments-info .help-section .inner .fertility_regional_elements .regional-content .image { position: relative; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content .image img, .treatments-info .help-section .inner .fertility_regional_elements .regional-content .image img { width: 735px; height: 735px; border-radius: 100%; margin-top: 0; object-fit: cover; object-position: right; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content .image::before, .treatments-info .help-section .inner .fertility_regional_elements .regional-content .image::before { content: ""; background-image: url(../img/embryo.png); background-repeat: no-repeat; position: absolute; width: 314px; height: 314px; top: 0; left: -180px; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content .image.hide-mask::before, .treatments-info .help-section .inner .fertility_regional_elements .regional-content .image.hide-mask::before { display: none; } .treatments-info .help-section .inner #fertility_regional_elements .text, .treatments-info .help-section .inner .fertility_regional_elements .text { width: auto; } .treatments-info .help-section .inner #fertility_regional_elements .text h3, .treatments-info .help-section .inner .fertility_regional_elements .text h3 { font-size: 35px; letter-spacing: -0.7px; color: #9A4767; font-weight: 600; } .treatments-info .help-section .inner #fertility_regional_elements .text .contact-hours, .treatments-info .help-section .inner .fertility_regional_elements .text .contact-hours { display: none; } .treatments-info .help-section .inner #fertility_regional_elements .text ul, .treatments-info .help-section .inner .fertility_regional_elements .text ul { padding-left: 20px; padding-top: 23px; } .treatments-info .help-section .inner #fertility_regional_elements .text ul li, .treatments-info .help-section .inner .fertility_regional_elements .text ul li { color: #3D3D3D; font-size: 20px; line-height: 30px; letter-spacing: -0.3px; margin-bottom: 25px; } .treatments-info .help-section::before { content: ""; background-image: url(../img/help-bg.png); position: absolute; width: 495px; height: 412px; top: 200px; left: 0; } .treatments-info .requirements-section .frame-type-mask_fertility_text_element .fertility_textelement_container { width: auto; margin: 0; } .treatments-info .requirements-section .frame-type-mask_fertility_text_element .fertility_textelement_container h1, .treatments-info .requirements-section .frame-type-mask_fertility_text_element .fertility_textelement_container h2 { width: 787px; } .treatments-info .requirements-section .frame-type-mask_fertility_text_element .fertility_textelement_container p { width: 1366px; font-weight: 300; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default { margin-bottom: 250px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner { max-width: 1674px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_information_container { width: 1022px; margin: 0 auto 100px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_information_container p { font-weight: 300; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper { padding-bottom: 80px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide { background-color: #fff; border-radius: 16px; height: auto; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide .furtherinfo-box { border-radius: 16px; padding: 47px 64px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide .furtherinfo-box .subtitle { font-size: 20px; line-height: 24px; color: #9A4767; font-weight: 700; letter-spacing: -0.3px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide .furtherinfo-box .title { font-size: 30px; line-height: 36px; color: #3D3D3D; font-weight: 700; letter-spacing: -0.45px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide .furtherinfo-box .info { font-size: 20px; line-height: 30px; color: #3D3D3D; font-weight: 300; letter-spacing: -0.3px; margin: 22px 0; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide .furtherinfo-box .more-link { font-size: 18px; line-height: 28px; color: #457614; font-weight: 500; letter-spacing: -0.27px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-horizontal > .swiper-scrollbar, .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-scrollbar.swiper-scrollbar-horizontal { width: 440px; left: 50%; transform: translateX(-50%); cursor: pointer; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag, .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag { background: rgba(154, 71, 103, 0.78); border-radius: 6px; } .treatments-info .fertilityCost-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image::before { content: ""; position: absolute; background-image: url(../img/Cost-section-img-bg.png); width: 234px; height: 230px; background-repeat: no-repeat; background-size: 100%; bottom: 0; top: auto; left: -50px; } .treatments-info .fertilityTiming-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image .image img { mask-image: unset; } .treatments-info .fertilityTiming-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image::before { display: none; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- { position: relative; z-index: 1; margin-bottom: 130px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container { width: 948px; margin: 0 auto; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider { background-color: #FFFFFF; padding: 50px 10px 30px 65px; box-shadow: rgba(182, 96, 129, 0.14) 15px 10px; border-radius: 16px; margin-bottom: 40px; position: relative; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper { padding-bottom: 70px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper .treatmentoverview-box h2 { font-size: 42px; line-height: 50px; letter-spacing: -0.84px; font-weight: 300; color: #3D3D3D; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper .treatmentoverview-box h2 .pink { color: #9A4767; font-weight: 700; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper .treatmentoverview-box p { font-weight: 300; width: 722px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper .treatmentoverview-box p strong { font-weight: 700; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper-horizontal > .swiper-scrollbar, .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper-scrollbar.swiper-scrollbar-horizontal { width: calc(100% - 1* var(--swiper-scrollbar-sides-offset, 55%)); left: 50%; transform: translateX(-50%); cursor: pointer; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag, .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag { background-color: rgba(154, 71, 103, 0.78); border-radius: 16px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider::before { content: ""; position: absolute; background-image: url(../img/icon_info.svg); background-repeat: no-repeat; background-size: 100%; top: -150px; left: -140px; width: 217px; height: 245px; z-index: 1; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_treatment_infotext { padding-left: 50px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_treatment_infotext p { font-size: 18px; line-height: 23px; letter-spacing: -0.27px; font-weight: 300; width: 578px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_treatment_infotext p .pink { font-weight: 700; } .treatments-info .content header { display: none; } .treatments-info .frame.accordion .content { border-bottom: unset; } .treatments-info .frame.accordion .content header { display: none; } .treatments-info .frame.accordion .content .main { display: block; } .treatments-info .frame.accordion .content::after { display: none; } .treatments-info .faq-section .content header { display: block; } .treatments-info .faq-section .frame.accordion .content { border-bottom: 1px solid #e5e5e5; } .treatments-info .faq-section .frame.accordion .content header { display: block; } .treatments-info .faq-section .frame.accordion .content .main { display: none; } .treatments-info .faq-section .frame.accordion .content::after { display: block; } .treatments-info .frame-type-mask_fertility_videoboxes.frame.frame-width-default .inner { max-width: 1674px; } .treatments-info .frame-type-mask_fertility_videoboxes.frame.frame-width-default .inner .youtubePreInfo p { font-size: 14px; line-height: 20px; } .home.neu-home.treatments-info .spot.spot-num-1.spot-position-left.spot-type-1, .home.neu-home.treatments-info .spot.spot-num-1.spot-position-right.spot-type-1, .home.neu-home.treatments-info .spot.spot-num-2.spot-position-left.spot-type-2 { display: none; } .home.neu-home.treatments-info .spot.spot-num-2.spot-position-right.spot-type-2 { background-image: url(../img/spot-right-type.png); width: 678px; height: 676px; right: -120px !important; top: 3100px !important; background-repeat: no-repeat; } .home.neu-home.treatments-info .spot.spot-num-3.spot-position-right.spot-type-1 { background-image: url(../img/spot-left-type.png); width: 675px; height: 804px; left: 0 !important; right: auto !important; top: 9560px !important; background-repeat: no-repeat; } .location.other-fertility-center .text { display: block; margin: 74px auto auto; text-align: center; } .location.other-fertility-center .text h3 { font-size: 35px; color: #3D3D3D; letter-spacing: -0.7px; font-weight: 300; } .location.other-fertility-center .text p { font-size: 20px; line-height: 30px; color: #3D3D3D; letter-spacing: -0.3px; font-weight: 300; } .location.other-fertility-center .text #other_locations_link { color: #457614 !important; background-color: transparent !important; border: 0 !important; border-radius: 0; font-size: 18px; line-height: 19px; letter-spacing: -0.27px; } .location.other-fertility-center .text #other_locations_link::after { background-image: url(../img/arrow_right_green.svg) !important; content: ""; display: inline-block; margin-left: 35px !important; width: 7px !important; height: 11px !important; } #questionnaire_result_container .fertility_results_tabs .result-form header { display: none; } #questionnaire_result_container .fertility_results_tabs .result-form::after { display: none; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail { margin-top: 0; } #questionnaire_result_container .fertility_results_tabs .location { max-width: 100%; padding: 0; } .inner .fertility_results_tabs { margin-top: 84px; } .inner .fertility_results_tabs .inner { max-width: 1580px !important; } .inner .fertility_results_tabs .nav-tabs { display: flex; gap: 33px; justify-content: center; } .inner .fertility_results_tabs .nav-tabs .nav-link.active { box-shadow: 0px 6px 16px #00000042; background-color: #9A4767; } .inner .fertility_results_tabs .nav-tabs .nav-link.active h3 { color: #F6F3F3; } .inner .fertility_results_tabs .nav-tabs .nav-link.active ul li { color: #F6F3F3; } .inner .fertility_results_tabs .nav-tabs .nav-link.active ul li::marker { color: #F6F3F3 !important; } .inner .fertility_results_tabs .nav-tabs .nav-link.active .badge { background-color: #ffffff; } .inner .fertility_results_tabs .nav-tabs .nav-link { border-radius: 16px; border: unset; padding: 46px 64px; background-color: #ffffff; text-align: left; cursor: pointer; position: relative; outline: 0; width: 33.33%; } .inner .fertility_results_tabs .nav-tabs .nav-link .badge { font-size: 14px; line-height: 33px; color: #3D3D3D; letter-spacing: -0.21px; font-weight: 600; background-color: #EDEDED; border-radius: 16px; display: inline-block; padding: 0px 11px; position: absolute; font-family: Fira Sans, sans-serif; top: -10px; right: 14px; } .inner .fertility_results_tabs .nav-tabs .nav-link h3 { font-size: 34px; line-height: 36px; letter-spacing: -0.51px; color: #3D3D3D; font-weight: 700; font-family: Fira Sans, sans-serif; width: 378px; } .inner .fertility_results_tabs .nav-tabs .nav-link ul { padding-left: 20px; } .inner .fertility_results_tabs .nav-tabs .nav-link ul li { font-size: 20px; line-height: 30px; letter-spacing: -0.3px; color: #3D3D3D; font-weight: 300; font-family: Fira Sans, sans-serif; } .inner .fertility_results_tabs .tab-content { margin-top: 58px; } .inner .fertility_results_tabs .tab-content .ce-tab-pane.tab-pane { display: none; } .inner .fertility_results_tabs .tab-content .ce-tab-pane.tab-pane.active.show { display: block; } .inner .fertility_results_tabs .location.result-contactinfo { display: flex; gap: 133px; } .inner .fertility_results_tabs .location.result-contactinfo label { font-size: 23px; line-height: 28px; text-transform: uppercase; color: #9A4767; font-weight: 700; width: 100%; display: block; } .inner .fertility_results_tabs .location.result-contactinfo .contact_email.fix-width span { word-break: break-all; width: 385px; display: inline-block; } .inner .fertility_results_tabs .location.result-contactinfo .contact_email li { list-style-type: none; display: flex; gap: 30px; margin-bottom: 70px; align-items: flex-start; } .inner .fertility_results_tabs .location.result-contactinfo .contact_email li .icon { position: relative; } .inner .fertility_results_tabs .location.result-contactinfo .contact_email li .icon img { max-width: unset; } .inner .fertility_results_tabs .location.result-contactinfo .contact_email li .icon::before { content: ""; position: absolute; left: 50%; top: 50%; background-image: url(../img/contact-icon-bg.svg); background-repeat: no-repeat; width: 107px; height: 107px; z-index: -1; transform: translate(-50%, -50%); } .inner .fertility_results_tabs .location.result-contactinfo .contact_email li span { font-size: 35px; line-height: 42px; color: #3D3D3D; font-weight: 300; } .inner .fertility_results_tabs .location.result-contactinfo .contact_email li:last-child { margin-bottom: 0; } .inner .fertility_results_tabs .location.result-contactinfo .timing-content label { padding-left: 8px; } .inner .fertility_results_tabs .location.result-contactinfo .contenttable td { font-size: 23px; line-height: 32px; color: #9A4767; font-weight: 300; letter-spacing: 1.84px; } .inner .fertility_results_tabs .location.result-contactinfo .special_info { background-color: #ffffff; border-radius: 13px; padding: 45px 35px; position: relative; } .inner .fertility_results_tabs .location.result-contactinfo .special_info ul { padding-left: 20px; } .inner .fertility_results_tabs .location.result-contactinfo .special_info ul li { color: #3D3D3D; font-size: 20px; line-height: 30px; letter-spacing: -0.4px; font-weight: 300; margin-bottom: 10px; } .inner .fertility_results_tabs .location.result-contactinfo .special_info ul li strong { font-weight: 700; } .inner .fertility_results_tabs .location.result-contactinfo .special_info p { color: #3D3D3D; font-size: 20px; line-height: 30px; letter-spacing: -0.4px; font-weight: 300; } .inner .fertility_results_tabs .location.result-contactinfo .special_info p strong span { color: #9A4767; letter-spacing: 1.6px; font-weight: 700; } .inner .fertility_results_tabs .location.result-contactinfo .special_info p { width: 500px; } .inner .fertility_results_tabs .location.result-contactinfo .special_info::before { content: ""; background-image: url(../img/kachel.svg); background-repeat: no-repeat; position: absolute; top: -30px; left: 0; width: 53px; height: 53px; } .frame.frame-width-default.frame-type-mask_fertility_anfahrt_element .inner { max-width: 1540px; margin-bottom: 130px; } .fertility_directions_container > h2, .fertility_directions_container > h3 { text-align: center; } .fertility_directions_container .map_direction_content { display: flex; gap: 20px; padding-top: 38px; align-items: flex-start; } .fertility_directions_container .map_direction_content .map_direction_location iframe { width: 958px; height: 398px; } .fertility_directions_container .map_direction_content .map_direction_info { background-color: rgba(255, 255, 255, 0.82); border-radius: 8px; padding: 46px 75px 46px 75px; } .fertility_directions_container .map_direction_content .map_direction_info div.subtitle { text-align: center; color: #9A4767; font-size: 12px; line-height: 15px; letter-spacing: -0.18px; font-weight: 700; } .fertility_directions_container .map_direction_content .map_direction_info h2 { font-size: 34px; line-height: 39px; letter-spacing: -0.68px; } .fertility_directions_container .map_direction_content .map_direction_info a { position: relative; font-size: 12px; line-height: 14px; letter-spacing: -0.18px; color: #457614; margin-top: 30px; display: inline-block; margin-right: 65px; text-decoration: none; font-weight: 500; } .fertility_directions_container .map_direction_content .map_direction_info a:last-child { margin-right: 0; } .fertility_directions_container .map_direction_content .map_direction_info a::after { background-image: url(../img/arrow_right_green.svg); background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: inline-block; height: 12px; margin-left: 35px; margin-top: -2px; vertical-align: middle; width: 7px; height: 11px; } .fertility_ivflabor_section { position: relative; margin-bottom: 130px; } .fertility_ivflabor_section .inner { max-width: 1420px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .title-subtitle, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .title-subtitle { padding-left: 0; max-width: 950px; margin-bottom: 68px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content { gap: 100px; display: flex; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content .image, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content .image { position: relative; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content .image img, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content .image img { width: 735px; height: 735px; border-radius: 100%; margin-top: 0; object-fit: cover; object-position: right; max-width: unset; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content .image::before, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content .image::before { content: ""; background-image: url(../img/embryo.png); background-repeat: no-repeat; position: absolute; background-size: 250px; width: 250px; height: 250px; top: 36px; left: -180px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content .image.hide-mask::before, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content .image.hide-mask::before { display: none; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text { max-width: 619px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider { margin-bottom: 30px; position: relative; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper { padding-bottom: 70px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-slide img, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-slide img { width: 100%; border-radius: 10px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-next, .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-prev, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-next, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-prev { justify-content: end; height: auto; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-prev, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-prev { top: auto; bottom: 0; width: auto; left: 0; right: 40px; height: auto; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-prev::after, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-prev::after { content: ""; background-image: url(../img/ivflaborslider-prev.png); width: 13px; height: 22px; background-repeat: no-repeat; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-next, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-next { top: auto; bottom: 0; left: auto; width: auto; right: 0; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-next::after, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-next::after { content: ""; background-image: url(../img/ivflaborslider-next.png); width: 13px; height: 22px; background-repeat: no-repeat; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-disabled, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider .swiper-button-disabled { opacity: 1 !important; pointer-events: auto !important; cursor: pointer; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text .fertility_ivflaborslider::after, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text .fertility_ivflaborslider::after { content: ""; position: absolute; width: 100%; background-color: #9A4767; height: 2px; left: 0; margin-top: -40px; } .fertility_ivflabor_section::before { content: ""; background-image: url(../img/help-bg.png); position: absolute; width: 495px; height: 412px; top: 265px; left: 0; } .fertility_ivflabor_section .button { font-size: 16px; letter-spacing: -0.24px; line-height: 23px; font-weight: 700; padding: 4px 28px; margin-top: 30px; border-radius: 29px; } .fertility_ivflabor_section p { font-weight: 300; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner { max-width: 1580px; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .fertility_doctorsteam_container .doctor-teams { column-gap: 32px; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .fertility_doctorsteam_container .doctor-teams .doctorinfo-box { width: 483px; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .inner .content > .main > p:first-of-type { width: 1130px; margin: 0 auto; } .fertility-teamtab-section .ce-tabpanel header { display: none; } .fertility-teamtab-section .ce-tabpanel .nav-tabs { text-align: center; } .fertility-teamtab-section .ce-tabpanel .nav-tabs .nav-link { border: 1px solid #9A4767; border-radius: 26px; font-weight: 700; letter-spacing: -0.27px; font-size: 18px; line-height: 21px; text-align: center; color: #9A4767; padding: 14px 89px; background-color: transparent; margin-right: 35px; cursor: pointer; } .fertility-teamtab-section .ce-tabpanel .nav-tabs .nav-link:last-child { margin-right: 0; } .fertility-teamtab-section .ce-tabpanel .nav-tabs .nav-link.active { background-color: #9A4767; color: #ffffff; } .fertility-teamtab-section .ce-tabpanel .ce-tab-pane.tab-pane { display: none; } .fertility-teamtab-section .ce-tabpanel .ce-tab-pane.tab-pane.show.active { display: block; } .fertility_certificate_container { margin-bottom: 130px; } .fertility_certificate_container > h2, .fertility_certificate_container > p { text-align: center; } .fertility_certificate_container > p { font-weight: 300; width: 1090px; margin: 0 auto 20px; } .fertility_certificate_container .fertility_certificateslider { padding-top: 45px; } .fertility_certificate_container .fertility_certificateslider .swiper { padding-bottom: 100px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .swiper-slide { width: max-content !important; border-right: 2px solid rgba(173, 85, 118, 0.3); } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .swiper-slide:last-child { border-right: 0; padding-right: 0; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper h3 { font-size: 25px; font-weight: 500; letter-spacing: -0.38px; line-height: 30px; color: #3D3D3D; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper p { font-size: 16px; font-weight: 300; letter-spacing: -0.24px; line-height: 23px; color: #3D3D3D; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype1 { text-align: center; padding: 0 50px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype1 .certificate-img { margin-bottom: 25px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype1 img { width: auto; height: 110px; object-fit: cover; display: block; margin: 0 auto; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype2 { display: flex; padding: 0 50px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype2 img { width: 320px; height: 100%; object-fit: cover; border-radius: 16px 0px 0px 16px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype2 .certificate-text { background-color: #ffffff; border-radius: 0px 16px 16px 0px; padding: 43px 44px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype2 .certificate-text a { color: #9A4767; text-decoration: none; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-scrollbar.swiper-scrollbar-horizontal { width: 20%; left: 50%; transform: translateX(-50%); cursor: pointer; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-scrollbar-drag { background: #9A4767 !important; } .frame-type-mask_fertility_zertifikate_element.frame.frame-width-default .inner { max-width: 1540px; } header #mainnavi .hassub.mega-menu { position: unset; } header #mainnavi .hassub.mega-menu .sub { left: 5px; transform: unset; padding: 0; min-width: 1580px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper { background-color: #fff; box-shadow: 0px 3px 6px #00000029; border-radius: 10px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols { display: flex; gap: 15px; padding: 30px 40px 23px 40px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-1, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-2, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-3, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-4, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-5 { width: 280px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-menu-col p:first-child { margin-bottom: 12px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-menu-col .subtitle, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-menu-col .clinictitle, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-menu-col .locationtitle { padding-left: 50px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .subtitle { position: relative; padding-top: 10px; margin-bottom: 22px; font-size: 15px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .subtitle a { color: #9A4767; text-decoration: none; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .subtitle::before { content: ""; background-image: url(../img/subtitle-icon.png); background-repeat: no-repeat; width: 43px; height: 45px; position: absolute; left: 0; top: 0; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .clinictitle { min-height: 60px; margin-bottom: 15px; line-height: 22px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .clinictitle a { position: relative; color: #3D3D3D; text-decoration: none; font-size: 18px; font-weight: 500; width: 220px; display: inline-block; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .clinictitle a::before { content: ""; background-image: url(../img/clinictitle-icon.svg); background-repeat: no-repeat; width: 101px; height: 16px; position: absolute; left: 0; bottom: -20px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .locationtitle a { position: relative; color: #9A4767; text-decoration: none; font-weight: 500; display: inline-block; padding-left: 40px; font-size: 15px; padding-top: 8px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .locationtitle a::before { content: ""; background-image: url(../img/locationtitle-icon.png); background-repeat: no-repeat; width: 36px; height: 36px; position: absolute; left: 0; top: 0; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .locationtitle:last-child { margin-bottom: 0; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-location { display: flex; flex-direction: column; position: relative; width: 321px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-location img { width: 100%; height: 100%; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-location a { position: absolute; bottom: 26px; left: 30px; background-color: #457614; border-radius: 29px; display: inline-block; font-size: 16px; line-height: 23px; letter-spacing: -0.24px; font-weight: 500; color: #FFFFFF; text-decoration: none; padding: 6px 21px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .pink { font-size: 15px; position: relative; padding: 10px 0 0 50px; color: #9A4767; font-weight: 500; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .pink a { color: #9A4767; text-decoration: none; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .pink::before { content: ""; background-image: url(../img/small-icon.png); background-repeat: no-repeat; width: 46px; height: 44px; position: absolute; left: 0; top: 0; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .small { font-size: 18px; line-height: 22px; color: #3D3D3D; font-weight: 500; padding-left: 50px; margin-bottom: 13px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .small a { font-size: 18px; line-height: 22px; color: #3D3D3D; font-weight: 500; text-decoration: none; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .small .pink::before { display: none; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer { background-color: #F6F3F3; padding: 35px 41px 35px 122px; border-radius: 10px; position: relative; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul { display: flex; gap: 116px; margin: 0; padding: 0; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul li { list-style-type: none; margin: 0; line-height: 0; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul li a { font-size: 18px; line-height: 22px; letter-spacing: -0.27px; font-weight: 500; color: #3D3D3D; position: relative; text-decoration: none; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul li a::before { content: ""; background-image: url(../img/mega-menu-footer-link-arrow.svg); background-repeat: no-repeat; width: 8px; height: 13px; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer::before { content: ""; background-image: url(../img/mega-menu-footer-loog.png); background-repeat: no-repeat; width: 178px; height: 28px; position: absolute; right: 41px; top: 50%; transform: translateY(-50%); } .fertilitycooperation-section { margin-bottom: 130px; } .fertilitycooperation-section .frame.accordion .content::after { display: none; } .fertilitycooperation-section .frame.frame-width-default .inner { max-width: 1430px; } .fertilitycooperation-section .content header { display: block !important; } .fertilitycooperation-section .frame.accordion .content { border-bottom: 1px solid #3D3D3D; } .fertilitycooperation-section .frame.accordion .content header { display: block !important; margin: 0; padding: 40px 60px; position: relative; } .fertilitycooperation-section .frame.accordion .content header h3 { font-size: 30px; line-height: 32px; color: #3D3D3D; font-weight: 300; } .fertilitycooperation-section .frame.accordion .content header:hover { background-color: transparent; } .fertilitycooperation-section .frame.accordion .content header::after { background-image: url(../img/accordin-p.svg) !important; background-size: 100% 100% !important; content: ""; display: block; width: 24px !important; height: 24px !important; position: absolute; right: 60px; top: 50% !important; transform: translateY(-50%) !important; } .fertilitycooperation-section .frame.accordion .content .main { display: none; padding: 0 60px 40px 60px; } .fertilitycooperation-section .frame.accordion .content .main .image img { width: 158px; height: auto; } .fertilitycooperation-section .frame.accordion .content .main p { font-weight: 300; } .fertilitycooperation-section .frame.accordion .content .main p strong { font-weight: 700; } .fertilitycooperation-section .frame.accordion .content .main p a { color: #9A4767; } .fertilitycooperation-section .frame.accordion.open { background-color: rgba(255, 255, 255, 0.47); } .fertilitycooperation-section .frame.accordion.open header h3 { color: #9A4767; font-weight: 500; } .fertilitycooperation-section .frame.accordion.open header::after { -webkit-transform: translateY(-50%) rotate(45deg) !important; transform: translateY(-50%) rotate(45deg) !important; } .fertilityNews-section .frame.frame-width-default .inner { max-width: 1540px; } .fertilityNews-section .fertility_newsslider { margin-bottom: 130px; } .fertilityNews-section .fertility_newsslider .swiper { padding-bottom: 60px; } .fertilityNews-section .fertility_newsslider .swiper-slide { height: 100% !important; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-img-wrap { line-height: 0; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-img-wrap img { height: 300px; width: 100%; object-fit: cover; border-radius: 16px 16px 0px 0px; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-intro-wrap { background-color: #ffffff; border-radius: 0 0 16px 16px; padding: 50px; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-intro-wrap .news-list-date { color: #9A4767; font-size: 20px; line-height: 36px; font-weight: 400; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-intro-wrap p { font-weight: 300; margin-bottom: 30px; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-intro-wrap h3 { color: #3D3D3D; font-size: 30px; line-height: 36px; font-weight: 400; letter-spacing: -0.45px; overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-intro-wrap a { font-size: 18px; line-height: 28px; font-weight: 500; letter-spacing: -0.27px; text-decoration: none; position: relative; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-intro-wrap a::after { background-image: url(../img/arrow_right_green.svg); background-repeat: no-repeat; background-size: 100% 100%; content: ""; display: inline-block; height: 12px; margin-left: 5px; vertical-align: middle; width: 7px; height: 11px; } .fertilityNews-section .fertility_newsslider .swiper-scrollbar.swiper-scrollbar-horizontal { width: 20%; left: 50%; transform: translateX(-50%); cursor: pointer; } .fertilityNews-section .fertility_newsslider .swiper-scrollbar-drag { background: #9A4767 !important; } .fertilityNewsDetail-section { padding: 40px 0 200px 0; } .fertilityNewsDetail-section .news-single .article .news-img-wrap img { float: left; } .tx-sc-fertility-questionnaire .spermiogramm-resultpage-info .inner { max-width: 830px !important; margin: 0 auto; text-align: center; padding: 0 20px !important; } @media (max-width: 1600px) { header #mainnavi .hassub.mega-menu .sub { min-width: 1330px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-1, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-2, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-3, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-4, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-5 { width: 225px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .clinictitle a { width: 100%; font-size: 16px; line-height: 20px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .small { font-size: 16px; line-height: 20px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .small a { font-size: 16px; line-height: 20px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul li a { font-size: 16px; line-height: 20px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner { padding-left: 3%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container { gap: 20px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_items { grid-column-gap: 20px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info { gap: 100px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-img img { left: 0; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctor-teams { column-gap: 63px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .question h1, .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .question h2 { width: 100%; } #fertility_regional_elements .regional-content .text, .fertility_regional_elements .regional-content .text { max-width: 800px; } #fertility_regional_elements .regional-content .text .contact-hours .special_info p, .fertility_regional_elements .regional-content .text .contact-hours .special_info p { width: 100%; } .inner .fertility_results_tabs .location.result-contactinfo { gap: 50px; } .inner .fertility_results_tabs .inner { max-width: unset !important; padding: 0 20px !important; } .inner .fertility_results_tabs .inner .nav-tabs .nav-link { padding: 46px 35px; } .inner .fertility_results_tabs .inner .nav-tabs .nav-link h3 { width: 100%; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .fertility_doctorsteam_container .doctor-teams { column-gap: 32px; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .fertility_doctorsteam_container .doctor-teams .doctorinfo-box { width: 451px; } } @media (max-width: 1450px) { #fertility_startimage_buttons .inner { gap: 50px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner { padding-left: 1%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text { width: 750px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text { width: 800px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .acc-title { font-size: 22px; line-height: 27px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image { right: 0px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image img { width: 500px; height: auto; mask-image: unset; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctor-teams { column-gap: 53px; } .inner .fertility_results_tabs .location.result-contactinfo .contact_email li span { font-size: 30px; line-height: 37px; } .fertility_directions_container .map_direction_content .map_direction_location iframe { width: 758px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text { max-width: 519px; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .fertility_doctorsteam_container .doctor-teams { column-gap: 32px; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .fertility_doctorsteam_container .doctor-teams .doctorinfo-box { width: 417px; } .fertilitycooperation-section .frame.accordion .content header { padding: 40px; } } @media (max-width: 1400px) { header #mainnavi .hassub.mega-menu .sub { min-width: 1250px; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout2 .powermail_fieldwrap { width: 318px; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_fieldwrap_type_text { width: 250px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .contact_email li span { font-size: 25px; width: 100%; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content { gap: 50px; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .fertility_doctorsteam_container .doctor-teams { column-gap: 32px; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .fertility_doctorsteam_container .doctor-teams .doctorinfo-box { width: 393px; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container .jumpmarks { gap: 20px; } } @media (max-width: 1315px) { header { z-index: 999999999 !important; } header #mainnavi .hassub.mega-menu .sub { background-color: #ffffff; padding: 0 !important; min-width: 100%; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper { margin: 0 20px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols { flex-wrap: wrap; padding: 20px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-1, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-2, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-3, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-4, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-5 { width: 32%; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .small { font-size: 14px; line-height: 18px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .small a { font-size: 14px; line-height: 18px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer { padding: 30px 0px; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 1; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul { width: 90%; margin: 0 auto; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul li a { font-size: 12px; line-height: 16px; } #mainnavi > li > a { padding: 10px 12px; border-bottom: 1px solid rgba(112, 112, 112, 0.18); margin: 0 20px 0px 20px; font-size: 16px !important; font-weight: 700 !important; padding: 12px !important; color: #3D3D3D !important; } #mainnavi > li > a .plus { transform: rotate(0) !important; right: 0 !important; } #mainnavi > li > a::after { display: none !important; } #mainnavi .hassub.open > a { border-bottom: 0; color: #9A4767 !important; } #mainnavi .hassub.open > a .plus { transform: rotate(180deg) !important; } #mainnavi > li.hassub > a:after { display: none; } #mainnavi .sub { padding: 20px 32px !important; } #header .langswitch { padding: 0 32px !important; } #mobilenavi_container .langswitch:first-of-type { display: none; } #mobilenavi_container .langswitch:last-of-type { display: block; } } @media (max-width: 1200px) { #fertility_startimage_buttons .inner .text { max-width: 470px; } #fertility_startimage_buttons .email { max-width: 350px; } #fertility_startimage_buttons .email span { word-break: break-all; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info { gap: 70px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-img img { max-width: 427px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container > p { width: 100%; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info { justify-content: center; padding-left: 0; } #fertility_regional_elements .title-subtitle, .fertility_regional_elements .title-subtitle { padding-left: 20px; } #fertility_regional_elements .regional-content, .fertility_regional_elements .regional-content { gap: 50px; } #fertility_regional_elements .regional-content .image img, .fertility_regional_elements .regional-content .image img { max-width: 390px; } #fertility_regional_elements .regional-content .text, .fertility_regional_elements .regional-content .text { max-width: 515px; } #fertility_regional_elements .regional-content .text .contact-hours, .fertility_regional_elements .regional-content .text .contact-hours { flex-direction: column; } #fertility_regional_elements .regional-content .text .request-link.desk-link, .fertility_regional_elements .regional-content .text .request-link.desk-link { display: none; } #fertility_regional_elements .regional-content .text .request-link.mob-link, .fertility_regional_elements .regional-content .text .request-link.mob-link { display: block; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text { width: 600px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image .image img { mask-size: 90% 90%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image::before { width: 367px; height: 370px; right: 0px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text { width: 650px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image img { width: 370px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctor-teams { column-gap: 34px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctor-teams .doctorinfo-box { width: 46%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image .image .copyrightInfo { right: 0; } .treatments-info #fertility_startimage_inhalte { padding-top: 50px; } .treatments-info #fertility_startimage_inhalte .inner { gap: 70px; } .treatments-info #fertility_startimage_inhalte .inner .text h1, .treatments-info #fertility_startimage_inhalte .inner .text h2 { font-size: 50px; line-height: 68px; } .treatments-info #fertility_startimage_inhalte .inner::before { width: 267px; height: 267px; background-size: 267px; bottom: -150px; right: 41%; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container { width: 848px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider { padding: 50px 10px 30px 30px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider::before { top: -115px; left: -80px; width: 157px; height: 175px; background-size: 157px 175px; } .treatments-info .frame.accordion .content .main { padding: 0; } .treatments-info .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner { padding-left: 20px; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default { margin-bottom: 100px !important; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text { width: 540px; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image { right: 0; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image img { width: 476px; height: 401px; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image::before { background-size: 80%; right: -17px; } .treatments-info .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default { margin-bottom: 100px !important; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content, .treatments-info .help-section .inner .fertility_regional_elements .regional-content { gap: 80px; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content .image img, .treatments-info .help-section .inner .fertility_regional_elements .regional-content .image img { width: 480px; height: 480px; max-width: unset; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content .image::before, .treatments-info .help-section .inner .fertility_regional_elements .regional-content .image::before { width: 214px; height: 214px; left: 0; background-size: 214px; } .treatments-info .egg_sperm-section .fertility_textelement_container { width: 100%; } .treatments-info .requirements-section .frame-type-mask_fertility_text_element .fertility_textelement_container p { width: 100%; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default { margin-bottom: 100px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_information_container { width: 100%; } .treatments-info .fertilityTiming-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image .image img { width: auto; height: auto; } .treatments-info .fertilityCost-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image::before { left: 0; } .treatments-info .definition-section .fertility_textelement_container { width: 100%; } .treatments-info .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box { bottom: 200px; } .treatments-info .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info { padding: 30px; } .home.neu-home.treatments-info .spot.spot-num-2.spot-position-right.spot-type-2 { width: 476px; height: 476px; right: -107px !important; top: 3230px !important; background-size: 476px; } .home.neu-home.treatments-info .spot.spot-num-3.spot-position-right.spot-type-1 { width: 475px; height: 604px; background-size: 475px 604px; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail { margin: 0 20px; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout1 label { width: 30%; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout2 { flex-wrap: wrap; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout2 .powermail_fieldwrap { width: 49%; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout3 { flex-direction: column; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_fieldwrap_type_text { width: 100%; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo { flex-direction: column; gap: 0; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .contact_email { margin-bottom: 45px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .timing-content { margin: 0 0 55px 110px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .special_info { margin: 0 20px; } .fertility_results_tabs.mob-tab { width: 100%; max-width: 1200px; } .fertility_results_tabs.mob-tab .swiper-slide.swiper-slide-active .nav-link { box-shadow: 0px 6px 16px #00000042; background-color: #9A4767; } .fertility_results_tabs.mob-tab .swiper-slide.swiper-slide-active .nav-link h3 { color: #F6F3F3; } .fertility_results_tabs.mob-tab .swiper-slide.swiper-slide-active .nav-link ul li { color: #F6F3F3; } .fertility_results_tabs.mob-tab .swiper-slide.swiper-slide-active .nav-link ul li::marker { color: #F6F3F3; } .fertility_results_tabs.mob-tab .swiper-slide.swiper-slide-active .badge { background-color: #ffffff; } .fertility_results_tabs.mob-tab .nav-link { border-radius: 16px; border: unset; padding: 28px 20px; background-color: #ffffff; text-align: left; cursor: pointer; position: relative; outline: 0; min-height: 206px; font-family: Fira Sans, sans-serif; } .fertility_results_tabs.mob-tab .nav-link .badge { font-size: 14px; line-height: 33px; color: #3D3D3D; letter-spacing: -0.21px; font-weight: 600; background-color: #EDEDED; border-radius: 16px; display: inline-block; padding: 0px 11px; position: absolute; top: -10px; right: 14px; font-family: Fira Sans, sans-serif; } .fertility_results_tabs.mob-tab .nav-link h3 { font-size: 25px; line-height: 30px; letter-spacing: -0.38px; color: #3D3D3D; font-weight: 700; width: 300px; font-family: Fira Sans, sans-serif; } .fertility_results_tabs.mob-tab .nav-link ul { padding-left: 16px; } .fertility_results_tabs.mob-tab .nav-link ul li { font-size: 16px; line-height: 24px; letter-spacing: -0.24px; color: #3D3D3D; font-weight: 300; font-family: Fira Sans, sans-serif; } .fertility_results_tabs.mob-tab .swiper.sliderTab { position: relative; overflow: hidden; width: 100%; margin: 0 0 26px 0; padding: 20px 0 26px 0; } .fertility_results_tabs.mob-tab .swiper.sliderTab .swiper-slide { width: auto !important; cursor: pointer; } .fertility_results_tabs.mob-tab .swiper.sliderTab .swiper-scrollbar { position: absolute; bottom: 0; height: 6px; border-radius: 3px; z-index: 50; cursor: pointer; } .fertility_results_tabs.mob-tab .swiper.sliderTab .swiper-scrollbar-drag { height: 100%; background: #9A4767; border-radius: 3px; transition: background-color .2s; } .fertility_directions_container .map_direction_content .map_direction_location iframe { width: 490px; } .fertility_directions_container .map_direction_content .map_direction_info { padding: 30px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content .image img, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content .image img { width: 480px; height: 480px; max-width: unset; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content .image::before, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content .image::before { width: 214px; height: 214px; background-size: 214px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text { max-width: 440px; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .inner .content > .main > p:first-of-type { width: 100%; } .fertility-teamtab-section .frame.frame-width-width_2 > .inner .fertility_doctorsteam_container .doctor-teams { column-gap: 32px; } .fertility_certificate_container > p { width: 100%; } .fertilitycooperation-section .frame.accordion .content header { padding: 30px; } .fertilitycooperation-section .frame.accordion .content header h3 { font-size: 20px; line-height: 32px; } .fertilitycooperation-section .frame.accordion .content header::after { right: 30px; } .fertilitycooperation-section .frame.accordion .content .main { padding: 0 30px 30px 30px !important; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-desk { display: none; } .home.neu-home .frame.frame-width-default.jump-mark { background-color: #f6e9ee; } .home.neu-home .frame.frame-width-default.jump-mark .inner { padding-right: 0; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-mob { display: block; border-top: 0; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-mob #data_pagetitle .page-title { display: inline-block; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-mob .jumpmarks { display: block; padding: 0; margin-top: 20px; margin-bottom: 0; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-mob .jumpmarks li a { font-size: 14px; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-mob .jumpmarks li img { width: auto; height: 35px; object-fit: cover; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-mob .jumpmarks .swiper { padding: 0 30px 30px 0; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-mob .jumpmarks .swiper .swiper-slide { width: auto !important; } .home.neu-home .frame.frame-width-default.jump-mark .inner .jumpmarks_container.jumpmark-mob .jumpmarks .swiper .swiper-scrollbar-drag { background: #9A4767 !important; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > h1, .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container h2 { width: 100%; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > p { width: 100%; } .home.neu-home.treatments-info .spot.spot-num-2.spot-position-right.spot-type-2 { display: none; } footer #questionnaireteaser { background-color: #9A4767 !important; } #footersitemap > ul ul.sub li a { word-break: break-word; } } @media (max-width: 991px) { header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper { margin: 0 20px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols { flex-direction: column; padding: 20px; gap: 30px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-1, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-2, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-3, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-4, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-5 { width: 100%; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-1 .clinictitle:last-child, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-2 .clinictitle:last-child, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-3 .clinictitle:last-child, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-4 .clinictitle:last-child, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-5 .clinictitle:last-child { margin-bottom: 0; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-1 .small:last-child, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-2 .small:last-child, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-3 .small:last-child, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-4 .small:last-child, header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-5 .small:last-child { margin-bottom: 0; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .clinictitle { min-height: 40px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul { width: 87%; margin: 0 auto; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer::before { display: none; } #fertility_startimage_buttons .inner { padding-bottom: 30px; } #fertility_startimage_buttons .image-bg { display: none; } #fertility_startimage_buttons .text { max-width: 100% !important; } #fertility_startimage_buttons .text .contact_email { margin: 130px auto auto !important; } #fertility_startimage_buttons::before { background-image: url(../img/background-banner-mobile.png); bottom: -100px; height: 900px; } #fertility_startimage_buttons .button-link { text-align: center; } .faq-section .content header { display: block; } .faq-section .content .frame.accordion .content::after { display: block; } .frame-type-mask_fertility_text_element { margin-bottom: 100px !important; } .frame-type-mask_fertility_text_element .fertility_textelement_container { width: 100%; } .frame-type-mask_fertility_text_element .fertility_textelement_container > h2, .frame-type-mask_fertility_text_element .fertility_textelement_container > h1, .frame-type-mask_fertility_text_element .fertility_textelement_container div.subtitle { text-align: left; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default { margin-bottom: 100px !important; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner { padding-left: 3%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .accordion-head { max-width: 100%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text { width: 100%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-image { display: none; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text .bildtextfaq-image-mobile { display: block; margin-bottom: 25px; position: relative; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text .bildtextfaq-image-mobile .copyrightInfo { top: auto; bottom: 10%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text .bildtextfaq-image-mobile img { border-radius: 16px; height: 350px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text { width: 100%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-image .image { display: none; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_items { grid-template-columns: auto; grid-template-rows: auto; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_items .accordion-item .acc-title { margin-bottom: 20px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default { margin-bottom: 100px !important; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container > h2, .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container > h1, .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container > div.subtitle { text-align: left; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctor-teams { display: none; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .fertility_doctorteamslider { display: block; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .fertility_doctorteamslider .doctorinfo-box { width: 100%; padding: 0; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .fertility_doctorteamslider .doctorinfo-box .pic-content { padding: 13px 13px 57px 13px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .fertility_doctorteamslider .swiper-scrollbar-drag { background-color: #9A4767; } .frame-type-mask_fertility_testimonials.frame.frame-width-default { margin-bottom: 100px !important; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container > h2, .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container > h1, .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container div.subtitle { text-align: left; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper { padding: 95px 0 30px 0px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-scrollbar.swiper-scrollbar-horizontal { display: block; bottom: 0; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag { background-color: #9A4767; } .bubble-section { margin-bottom: 25px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info { justify-content: center; } .bubble-section::after { bottom: -35%; top: auto; } #fertility_regional_elements, .fertility_regional_elements { margin-bottom: 61px; padding: 0 25px; } #fertility_regional_elements .title-subtitle, .fertility_regional_elements .title-subtitle { padding-left: 0px; } #fertility_regional_elements .regional-content, .fertility_regional_elements .regional-content { gap: 0; } #fertility_regional_elements .regional-content .text, .fertility_regional_elements .regional-content .text { width: 100%; max-width: 100%; } #fertility_regional_elements .regional-content .image img, .fertility_regional_elements .regional-content .image img { display: none; } #fertility_regional_elements .regional-content .request-link, .fertility_regional_elements .regional-content .request-link { text-align: center; margin-top: 30px; } .frame.frame-width-default.frame-type-mask_fertility_bild_mit_link { margin-bottom: 80px !important; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container > p { width: 100%; } .home.neu-home #footer::before { top: -260px; } .home.neu-home .frame.frame-width-default.jump-mark { margin: 0 !important; background-color: #f6e9ee; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default { margin-bottom: 80px !important; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container > h1, .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container h2 { width: 100%; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container > p { width: 100%; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info { flex-direction: column-reverse; gap: 40px; margin-top: 50px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-img img { left: 0; margin: 0 auto; display: block; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > h1, .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container h2 { width: 100%; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > p { width: 100%; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default { margin-bottom: 100px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point { max-width: 100%; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point .map_location span { font-size: 17px; line-height: 18px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box { left: 50%; bottom: 76px; right: auto; transform: translateX(-50%); } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info { padding: 40px 75px; } .treatments-info .frame.accordion div.subtitle { display: none; } .treatments-info h2 { line-height: 1.2666666667; display: block !important; } .treatments-info #content { margin-bottom: 250px; } .treatments-info h1, .treatments-info h2 { font-size: 29px; line-height: 30px; letter-spacing: -0.58px; } .treatments-info p { font-size: 15px; line-height: 22px; letter-spacing: -0.23px; } .treatments-info .frame-type-mask_fertility_bildtext_mit_faq.accordion.frame.frame-width-default { margin: 0px !important; } .treatments-info .frame { margin: 50px 0px !important; } .treatments-info .frame.accordion.open .content header::after { -webkit-transform: rotate(0deg); transform: rotate(90deg); top: 15px; } .treatments-info .frame.accordion { margin: 0px !important; } .treatments-info .frame.accordion .content { border-bottom: 1px solid #707070; } .treatments-info .frame.accordion .content header { display: block; margin: 0; padding: 15px 10px; position: relative; } .treatments-info .frame.accordion .content header h2 { font-weight: 700; font-size: 20px; } .treatments-info .frame.accordion .content header::after { background-image: url(../img/ionic-ios-arrow-forward.png); background-repeat: no-repeat; width: 8px; height: 14px; display: block; top: 50%; transform: translateY(-50%); right: 10px; background-size: 100% 100%; content: ""; display: block; position: absolute; -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; transition: transform .2s linear; transition: transform .2s linear, -webkit-transform .2s linear; } .treatments-info .frame.accordion .content .main { display: none; padding: 25px; } .treatments-info .frame.accordion .content .main h2 { display: none; } .treatments-info .frame.accordion .content::after { display: none; } .treatments-info #fertility_startimage_inhalte { padding-top: 30px; margin-bottom: 30px; } .treatments-info #fertility_startimage_inhalte .inner .text .professionally_checked { margin-bottom: 5px; margin-left: 70px; } .treatments-info #fertility_startimage_inhalte .inner .text .professionally_checked label { font-size: 18px; } .treatments-info #fertility_startimage_inhalte .inner .text .professionally_checked span { font-size: 10px; } .treatments-info #fertility_startimage_inhalte .inner .text .professionally_checked::before { background-size: 40px; width: 40px; height: 40px; background-repeat: no-repeat; left: 10px; } .treatments-info #fertility_startimage_inhalte .inner .text h1 { font-size: 25px; line-height: 36px; letter-spacing: -0.5px; margin-bottom: 100px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update { margin-left: 70px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li { margin-bottom: 10px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li .icon img { width: 24px; height: auto; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li label, .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li span { font-size: 18px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li:first-child .icon::before { background-size: 50px; background-repeat: no-repeat; top: -5px; left: 7px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li:last-child .icon::before { background-size: 45px; background-repeat: no-repeat; top: -9px; left: 7px; } .treatments-info #fertility_startimage_inhalte .inner::before { display: none; } .treatments-info #fertility_startimage_inhalte::before { background-image: url(../img/startimage_inhalte-mobile-bg-1.png); height: 692px; } .treatments-info .content_link { display: none; } .treatments-info .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default { margin-bottom: 50px !important; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- { margin-bottom: 50px; margin-top: -25px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container { width: 100%; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper .treatmentoverview-box h2 { font-size: 20px; line-height: 26px; letter-spacing: -0.4px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider .swiper .treatmentoverview-box p { font-size: 13px; line-height: 22px; letter-spacing: -0.2px; width: 100%; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider::before { width: 67px; height: 76px; left: -20px; top: -40px; background-size: 67px 67px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_treatment_infotext { padding-left: 0; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_treatment_infotext p { width: 100%; font-size: 15px; line-height: 22px; } .treatments-info .definition-section .fertility_textelement_container { width: 100%; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .accordion-head { max-width: 100%; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text { width: 100%; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .bildtextfaq-text .fertility_faq_accordion .acc-title p { min-width: 100%; } .treatments-info .egg_sperm-section .fertility_textelement_container { width: 100%; } .treatments-info .requirements-section .frame-type-mask_fertility_text_element .fertility_textelement_container h1, .treatments-info .requirements-section .frame-type-mask_fertility_text_element .fertility_textelement_container h2 { width: 100%; } .treatments-info .requirements-section .frame-type-mask_fertility_text_element .fertility_textelement_container p { width: 100%; } .treatments-info .fertilityTiming-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text .bildtextfaq-image-mobile .image { text-align: center; } .treatments-info .fertilityTiming-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text .bildtextfaq-image-mobile .image img { object-fit: contain; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_information_container { width: 100%; margin: 0 auto 40px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper { padding-bottom: 40px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide .furtherinfo-box .subtitle { font-size: 15px; line-height: 22px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide .furtherinfo-box .title { font-size: 18px; line-height: 26px; letter-spacing: -0.4px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide .furtherinfo-box .info { font-size: 15px; line-height: 22px; } .treatments-info .help-section::before { display: none; } .treatments-info .help-section .inner #fertility_regional_elements, .treatments-info .help-section .inner .fertility_regional_elements { padding: 0; } .treatments-info .help-section .inner #fertility_regional_elements .title-subtitle, .treatments-info .help-section .inner .fertility_regional_elements .title-subtitle { max-width: 100%; margin-bottom: 0; } .treatments-info .help-section .inner #fertility_regional_elements .text h3, .treatments-info .help-section .inner .fertility_regional_elements .text h3 { font-size: 18px; letter-spacing: -0.2px; } .treatments-info .help-section .inner #fertility_regional_elements .text ul li, .treatments-info .help-section .inner .fertility_regional_elements .text ul li { font-size: 15px; line-height: 22px; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content, .treatments-info .help-section .inner .fertility_regional_elements .regional-content { flex-direction: column; gap: 40px; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content .image img, .treatments-info .help-section .inner .fertility_regional_elements .regional-content .image img { display: block; border-radius: 16px; height: 350px; width: 100%; max-width: 100%; } .treatments-info .help-section .inner #fertility_regional_elements .regional-content .image::before, .treatments-info .help-section .inner .fertility_regional_elements .regional-content .image::before { display: none; } .treatments-info .faq-section { margin: 0px; } .treatments-info .faq-section .frame.frame-space-after- { margin: 0 !important; } .treatments-info .faq-section .open.frame > .content > header > h2 { margin-bottom: 20px; border-bottom: unset !important; } .treatments-info .faq-section .open.frame > .content > header > h2::after { -webkit-transform: rotate(0deg) !important; transform: rotate(90deg) !important; } .treatments-info .faq-section .frame > .content > header > h2 { font-weight: 700; font-size: 20px; padding: 15px 10px; margin: 0 22px; position: relative; border-bottom: 1px solid #707070 !important; } .treatments-info .faq-section .frame > .content > header > h2::after { background-image: url(../img/ionic-ios-arrow-forward.png); background-repeat: no-repeat; width: 8px; height: 14px; display: block; top: 50%; transform: translateY(-50%); right: 10px; background-size: 100% 100%; content: ""; display: block; position: absolute; -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; transition: transform .2s linear; transition: transform .2s linear, -webkit-transform .2s linear; } .treatments-info .faq-section .accordion .inner .content { margin: 0 20px; } .treatments-info .faq-section .accordion .inner .content header { padding: 20px; } .treatments-info .faq-section .frame.frame-width-default .inner .content header::before { width: 24px; height: 41px; left: 5px; top: 0px; background-size: 24px 41px; } .treatments-info .faq-section .frame.frame-width-default .inner .content h2 { font-size: 29px; line-height: 31px; padding-left: 30px; } .treatments-info .faq-section .frame.frame-width-default .inner .content h3 { font-size: 15px; line-height: 18px; font-weight: 700; } .treatments-info .faq-section .content .frame.accordion .content::after { display: none; } .treatments-info .definition-section .frame.accordion .content, .treatments-info .diagnostik-section .frame.accordion .content, .treatments-info .egg_sperm-section .frame.accordion .content, .treatments-info .treatmentMethod-section .frame.accordion .content, .treatments-info .help-section .frame.accordion .content, .treatments-info .requirements-section .frame.accordion .content, .treatments-info .fertilityInformation-section .frame.accordion .content, .treatments-info .fertilityTiming-section .frame.accordion .content, .treatments-info .fertilityLocation-section .frame.accordion .content, .treatments-info .fertilityCost-section .frame.accordion .content, .treatments-info .fertilityInformation-section .frame.accordion .content { border-bottom: 1px solid #707070; } .treatments-info .definition-section .frame.accordion .content header, .treatments-info .diagnostik-section .frame.accordion .content header, .treatments-info .egg_sperm-section .frame.accordion .content header, .treatments-info .treatmentMethod-section .frame.accordion .content header, .treatments-info .help-section .frame.accordion .content header, .treatments-info .requirements-section .frame.accordion .content header, .treatments-info .fertilityInformation-section .frame.accordion .content header, .treatments-info .fertilityTiming-section .frame.accordion .content header, .treatments-info .fertilityLocation-section .frame.accordion .content header, .treatments-info .fertilityCost-section .frame.accordion .content header, .treatments-info .fertilityInformation-section .frame.accordion .content header { display: block; } .treatments-info .definition-section .frame.accordion .content header:hover, .treatments-info .diagnostik-section .frame.accordion .content header:hover, .treatments-info .egg_sperm-section .frame.accordion .content header:hover, .treatments-info .treatmentMethod-section .frame.accordion .content header:hover, .treatments-info .help-section .frame.accordion .content header:hover, .treatments-info .requirements-section .frame.accordion .content header:hover, .treatments-info .fertilityInformation-section .frame.accordion .content header:hover, .treatments-info .fertilityTiming-section .frame.accordion .content header:hover, .treatments-info .fertilityLocation-section .frame.accordion .content header:hover, .treatments-info .fertilityCost-section .frame.accordion .content header:hover, .treatments-info .fertilityInformation-section .frame.accordion .content header:hover { background-color: transparent; } .treatments-info .definition-section .frame.accordion .content .main, .treatments-info .diagnostik-section .frame.accordion .content .main, .treatments-info .egg_sperm-section .frame.accordion .content .main, .treatments-info .treatmentMethod-section .frame.accordion .content .main, .treatments-info .help-section .frame.accordion .content .main, .treatments-info .requirements-section .frame.accordion .content .main, .treatments-info .fertilityInformation-section .frame.accordion .content .main, .treatments-info .fertilityTiming-section .frame.accordion .content .main, .treatments-info .fertilityLocation-section .frame.accordion .content .main, .treatments-info .fertilityCost-section .frame.accordion .content .main, .treatments-info .fertilityInformation-section .frame.accordion .content .main { display: none; } .treatments-info .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box { bottom: 50px; } .treatments-info .diagnostik-section .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default { margin-bottom: 0 !important; } .inner .fertility_results_tabs .nav-tabs { flex-direction: column; } .inner .fertility_results_tabs .nav-tabs .nav-link { width: 100%; } .fertility_directions_container .map_direction_content { flex-direction: column; padding-top: 0; } .fertility_directions_container .map_direction_content .map_direction_info { width: 92%; } .fertility_directions_container .map_direction_content .map_direction_info h2 { font-size: 25px; line-height: 29px; letter-spacing: -0.58px; } .fertility_directions_container .map_direction_content .map_direction_location { width: 100%; } .fertility_directions_container .map_direction_content .map_direction_location iframe { width: 100%; } .frame.frame-width-default.frame-type-mask_fertility_anfahrt_element .inner { max-width: 100%; margin-bottom: 50px; } .frame.frame-width-default.frame-type-mask_fertility_anfahrt_element.accordion .inner { margin-bottom: 0px; } .fertility_ivflabor_section { margin-bottom: 50px; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content { flex-direction: column; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content .image img, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content .image img { border-radius: 16px; height: 350px; width: 100%; max-width: 100%; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .ivflabor-content .image::before, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .ivflabor-content .image::before { display: none; } .fertility_ivflabor_section .inner #fertility_ivflabor_elements .text, .fertility_ivflabor_section .inner .fertility_ivflabor_elements .text { max-width: 100%; } .fertility_ivflabor_section::before { display: none; } .fertility-teamtab-section .accordion .ce-tab-pane header { display: none; } .fertility-teamtab-section .accordion .main .frame { margin: 0 0 30px 0 !important; } .fertility-teamtab-section .accordion .main .frame .content { border-bottom: 0; } .fertility-teamtab-section .accordion .main .frame .content .main { padding: 0; } .frame-type-mask_fertility_zertifikate_element.accordion .fertility_certificate_container header { display: none; } .fertility_certificate_container { margin-bottom: 50px; } .fertility_certificate_container .fertility_certificateslider .swiper { padding-bottom: 50px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .swiper-slide { width: inherit !important; border: 0; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype1 { padding: 0px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype2 { flex-direction: column; padding: 0; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype2 .certificate-text { border-radius: 16px; padding: 25px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-wrapper .slidetype2 img { width: 100%; border-radius: 16px; height: 204px; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-scrollbar.swiper-scrollbar-horizontal { width: 50%; } .fertilitycooperation-section .frame.open .content > header > h2 { border-bottom: 0 !important; } .fertilitycooperation-section { margin-bottom: 50px; } .fertilitycooperation-section .gridelement.twocols .col { margin-bottom: 0px; } .fertilitycooperation-section .frame.accordion .content header::after { width: 16px !important; height: 16px !important; } .fertilitycooperation-section .frame > .content { padding: 0 20px; } .fertilitycooperation-section .frame > .content > header > h2 { font-weight: 700; font-size: 20px; padding: 15px 10px; position: relative; border-bottom: 1px solid #707070 !important; } .fertilitycooperation-section .frame > .content > header > h2::after { background-image: url(../img/ionic-ios-arrow-forward.png); background-repeat: no-repeat; width: 8px; height: 14px; display: block; top: 50%; transform: translateY(-50%); right: 10px; background-size: 100% 100%; content: ""; display: block; position: absolute; -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; transition: transform .2s linear; transition: transform .2s linear, -webkit-transform .2s linear; } .fertilitycooperation-section .open.frame > .content > header > h2::after { -webkit-transform: rotate(0deg) !important; transform: rotate(90deg) !important; } .fertilityNews-section .accordion { padding: 0 20px; } .fertilityNews-section .accordion .inner { padding: 0; } .fertilityNews-section .accordion .frame { margin: 0px !important; } .fertilityNews-section .accordion .frame .content { border-bottom: 0; } .fertilityNews-section .accordion .frame .content .main { padding: 0; } .fertilityNews-section .fertility_newsslider { margin-bottom: 50px; } .fertilityNews-section .fertility_newsslider .swiper-scrollbar.swiper-scrollbar-horizontal { width: 50%; } .fertilityNewsDetail-section { padding: 0; } .home.neu-home.treatments-info .spot.spot-num-2.spot-position-right.spot-type-2 { display: none; } .home.neu-home.treatments-info .spot.spot-num-3.spot-position-right.spot-type-1 { display: none; } .tx-sc-fertility-questionnaire .spermiogramm-resultpage-info .inner { max-width: 100% !important; } } @media (max-width: 767px) { header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul { gap: 90px; } .neu-home div.subtitle { font-size: 14px; line-height: 17px; letter-spacing: -0.21px; } .neu-home h2 { font-size: 29px; line-height: 30px; letter-spacing: -0.58px; } .neu-home p { font-size: 15px; line-height: 22px; letter-spacing: -0.23px; } #fertility_startimage_buttons { margin-bottom: 100px; padding-top: 30px; } #fertility_startimage_buttons .text { max-width: 100%; } #fertility_startimage_buttons .text h1 { font-size: 31px; line-height: 36px; letter-spacing: -0.62px; font-weight: 500; } #fertility_startimage_buttons .text p { font-size: 15px; line-height: 22px; letter-spacing: -0.2px; font-weight: 400; } #fertility_startimage_buttons .text ul li label { font-size: 14px; line-height: 17px; } #fertility_startimage_buttons .text ul li span { font-size: 18px; line-height: 22px; } #fertility_startimage_buttons .text .button-link { padding-top: 20px !important; } #fertility_startimage_buttons .text .button-link li a { width: 125px; font-size: 14px; line-height: 17px; letter-spacing: -0.21px; padding: 7px 0; } #fertility_startimage_buttons .text .contact_email { margin: 70px auto auto !important; padding: 0 !important; width: 60%; } #fertility_startimage_buttons .text .contact_email li { gap: 15px; margin-bottom: 25px; } #fertility_startimage_buttons .text .contact_email li .icon img { width: 31px; } #fertility_startimage_buttons .text .contact_email li .icon::before { top: -6px; left: 3px; height: 57px; background-size: 57px; width: 57px; } #fertility_startimage_buttons::before { bottom: -65px; height: 600px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .acc-title p { font-size: 20px; line-height: 24px; letter-spacing: -0.3px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info { padding-left: 0; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text { width: 100% !important; justify-content: center; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text .bubble-count label { font-size: 140px; line-height: 164px; letter-spacing: -2.8px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text .bubble-text p { font-size: 14px; line-height: 17px; width: 215px !important; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text .bubble-text .pink { font-size: 14px; line-height: 17px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .count-text.bubble4 { margin-left: 0; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble1::before { width: 376px; height: 210px; left: 53%; background-size: 376px 210px; transform: translateX(-50%); } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble2::before { width: 382px; height: 255px; left: 52%; background-size: 382px 255px; transform: translateX(-50%); } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble3::before { width: 378px; height: 245px; left: 52%; background-size: 378px 245px; transform: translateX(-50%); } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble4::before { width: 415px; height: 307px; left: 52%; background-size: 415px 307px; transform: translateX(-50%); } .bubble-section::after { background-image: url(../img/bubble-eileiter-mobile.png); bottom: -45%; width: 200px; background-size: 200px 360px; } #fertility_regional_elements .regional-content .text h2, .fertility_regional_elements .regional-content .text h2 { font-size: 18px; line-height: 26px; letter-spacing: -0.36px; } #fertility_regional_elements .regional-content .text .contact-hours, .fertility_regional_elements .regional-content .text .contact-hours { padding-top: 0; } #fertility_regional_elements .regional-content .text .contact-hours label, .fertility_regional_elements .regional-content .text .contact-hours label { font-size: 14px; line-height: 15px; letter-spacing: 1.12px; } #fertility_regional_elements .regional-content .text .contact-hours .hours-timing .contenttable td, .fertility_regional_elements .regional-content .text .contact-hours .hours-timing .contenttable td { font-size: 15px; line-height: 22px; letter-spacing: 1.2px; } #fertility_regional_elements .regional-content .text .contact-hours span, .fertility_regional_elements .regional-content .text .contact-hours span { font-size: 15px; line-height: 18px; } #fertility_regional_elements .regional-content .text .contact-hours .special_info ul li, .fertility_regional_elements .regional-content .text .contact-hours .special_info ul li { font-size: 15px; line-height: 22px; } #fertility_regional_elements .regional-content .text .request-link .button, .fertility_regional_elements .regional-content .text .request-link .button { font-size: 15px; line-height: 18px; letter-spacing: -0.23px; width: 155px; margin-top: 0; padding: 4px 0; } .frame.frame-width-default.frame-type-mask_fertility_bild_mit_link .inner .fertility_bildlink_container .more-link .readmore_link { font-size: 14px; line-height: 17px; letter-spacing: -0.21px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box { gap: 15px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box .pic-content img { width: 137px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box .info-content .subtitle { font-size: 14px; line-height: 17px; letter-spacing: -0.21px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box .info-content .name { font-size: 20px; line-height: 23px; letter-spacing: -0.3px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .doctorinfo-box .info-content .readmore_link { font-size: 14px; line-height: 17px; letter-spacing: -0.21px; margin-top: 30px; display: inline-block; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper { padding: 40px 0 30px 0px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide .testimonial-item .testimonial-title { font-size: 14px; line-height: 17px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide .testimonial-item p { font-size: 15px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide .testimonial-item span { font-size: 14px; line-height: 17px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide::before { width: 350px; height: 62px; left: 55px; top: -27px; background-size: 334px 62px; } .faq-section .frame.frame-width-default .inner .content h2 { font-size: 29px; line-height: 31px; } .faq-section .frame.frame-width-default .inner .content h3 { font-size: 15px; line-height: 18px; font-weight: 700; } .faq-section .frame.accordion .content header { padding: 27px 50px 26px 20px; } .faq-section .frame.accordion .content header::before { width: 24px; height: 41px; left: 5px; top: 15px; background-size: 24px 41px; } .faq-section .frame.accordion .content::after { top: 30px; } .frame-type-mask_fertility_fragebogen.frame.frame-width-default { margin-bottom: 330px; } .frame-type-mask_fertility_fragebogen.frame.frame-width-default .inner .fertility_questionnaire_container .answers .answer-link { font-size: 15px; line-height: 20px; letter-spacing: -0.23px; margin-bottom: 20px; } .frame-type-mask_fertility_fragebogen.frame.frame-width-default .inner .fertility_questionnaire_container .answers .answer-link::before { background-size: 8px 14px; width: 8px; height: 14px; } .home.neu-home #footer::before { background-image: url(../img/footer-bg-mobile.png); width: 100%; height: 287px; top: -250px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .question h1, .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .question h2 { font-size: 29px; line-height: 30px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .answers .answer-link { font-size: 15px; line-height: 20px; letter-spacing: -0.23px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-questionnaire .answers .answer-link::before { background-size: 8px 14px; width: 8px; height: 14px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > h2, .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container > div.subtitle { text-align: left; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location { margin-top: 40px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point .map_location { line-height: 0; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point .map_location span { font-size: 12px; line-height: 14px; letter-spacing: -0.18px; font-weight: 400; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point .map_location::before { left: -14px; width: 7px; height: 7px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point div#location_3 span { width: 175px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point div#location_4 span { width: 165px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box { width: 85%; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info { padding: 20px 38px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info h2.subtitle { font-size: 14px; line-height: 21px; letter-spacing: -0.21px; margin-bottom: 10px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info .h2 { font-size: 29px; line-height: 32px; letter-spacing: -0.58px; margin-bottom: 20px; } .home.neu-home .spot.spot-num-1.spot-position-left.spot-type-1 { background-image: url(../img/spot-bg-mob-1.png); width: 64px; height: 160px; } .home.neu-home .spot.spot-num-1.spot-position-right.spot-type-1 { background-image: url(../img/spot-bg-mob-2.png); width: 131px; height: 157px; } .home.neu-home .spot.spot-num-2.spot-position-right.spot-type-2 { background-image: url(../img/spot-bg-mob-3.png); width: 95px; height: 200px; } .home.neu-home .spot.spot-num-2.spot-position-left.spot-type-2 { background-image: url(../img/spot-bg-mob-4.png); width: 44px; height: 143px; } .home.neu-home .spot.spot-num-3.spot-position-right.spot-type-1 { background-image: url(../img/spot-bg-mob-5.png); width: 100px; height: 291px; } .location.other-fertility-center .text h3 { font-size: 25px; letter-spacing: -0.5px; } .location.other-fertility-center .text p { font-size: 16px; line-height: 24px; letter-spacing: -0.24px; } .location.other-fertility-center .text #other_locations_link { font-size: 14px; letter-spacing: -0.21px; } .location.other-fertility-center .text #other_locations_link::after { margin-left: 20px !important; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_fieldwrap_type_textarea textarea { width: 98%; } #questionnaire_result_container .fertility_results_tabs { margin-top: 30px; } #questionnaire_result_container .fertility_results_tabs #clickdock_container { padding: 0 !important; } #questionnaire_result_container .fertility_results_tabs .tab-content { margin-top: 40px; } #questionnaire_result_container .fertility_results_tabs .tab-content .ce-tab-pane .inner { padding: 0 !important; } #questionnaire_result_container .fertility_results_tabs .nav-tabs { gap: 20px; } #questionnaire_result_container .fertility_results_tabs .nav-link { padding: 20px; } #questionnaire_result_container .fertility_results_tabs .nav-link h3 { font-size: 20px; line-height: 25px; letter-spacing: -0.38px; margin-bottom: 0; } #questionnaire_result_container .fertility_results_tabs .nav-link ul { display: none; margin-bottom: 0; } #questionnaire_result_container .fertility_results_tabs .nav-link ul li { font-size: 16px; line-height: 24px; letter-spacing: -0.24px; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail { margin: 0; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .timing-content { margin: 0 auto; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .contact_email { padding-left: 7px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .contact_email li { margin-bottom: 40px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .contact_email li:last-child { margin-bottom: 0; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .contact_email .icon img { width: 46px; height: 46px; object-fit: cover; max-width: none; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .contact_email .icon::before { width: 80px; height: 80px; background-size: 80px 80px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .contact_email span { font-size: 23px !important; line-height: 30px; word-break: break-all; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo label { font-size: 16px; line-height: 21px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .contenttable td { font-size: 16px; line-height: 30px; letter-spacing: 1.28px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .special_info { margin: 0; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .special_info p { width: 100%; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .special_info p strong { text-align: center; display: block; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .special_info ul li { font-size: 16px; line-height: 24px; letter-spacing: -0.32px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .special_info p { font-size: 16px; line-height: 24px; letter-spacing: -0.32px; } #questionnaire_result_container .fertility_results_tabs .location.result-contactinfo .special_info p strong span { letter-spacing: 1.28px; } .fertility-resultpage-info .frame.frame-space-after- { margin-bottom: 0; } .fertility-resultpage-info .main p { display: none; } .location.other-fertility-center .text { margin: 30px auto auto; } #breadcrumb { margin-bottom: 45px !important; } #breadcrumb ol { justify-content: space-between !important; } #breadcrumb ol li { margin-right: 0 !important; } .fertility_certificate_container .fertility_certificateslider .swiper .swiper-scrollbar.swiper-scrollbar-horizontal { width: 100%; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-intro-wrap { padding: 20px; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-intro-wrap h3 { font-size: 20px; line-height: 26px; } .fertilityNews-section .fertility_newsslider .swiper-scrollbar.swiper-scrollbar-horizontal { width: 100%; } } @media (max-width: 567px) { header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .mega-subcol-location { width: 100%; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .subtitle { font-size: 12px; margin-bottom: 10px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .clinictitle a { font-size: 14px; line-height: 18px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .locationtitle a { font-size: 12px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .pink { font-size: 12px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-cols .small { font-size: 14px; line-height: 18px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul { justify-content: space-between; gap: 0; width: 88%; margin: 0 auto; padding-right: 12px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul li a { font-size: 14px; line-height: 18px; letter-spacing: -0.21px; } header #mainnavi .hassub.mega-menu .sub .mega-menu-wrapper .mega-menu-footer ul li a::before { width: 5px; height: 10px; background-size: 5px 10px; right: -10px; } #fertility_startimage_buttons .text .contact_email { width: 287px; } #fertility_startimage_buttons .text .contact_email .email { max-width: 200px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_items .accordion-item { padding-right: 35px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_items .accordion-item .acc-title p::before { right: -35px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container .bildtextfaq-text .bildtextfaq-image-mobile .image img { height: 213px; object-fit: cover; } .frame.frame-width-default.frame-type-mask_fertility_bild_mit_link .inner .fertility_bildlink_container .image img { height: 168px; object-fit: cover; } #fertility_regional_elements .regional-content .text .contact-hours, .fertility_regional_elements .regional-content .text .contact-hours { flex-direction: column; gap: 20px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide .testimonial-item { padding-left: 100px; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide .testimonial-item p { width: 100%; } .frame-type-mask_fertility_testimonials.frame.frame-width-default .inner .fertility_testimonial_container .fertility_testimonialslider .swiper .swiper-slide::before { left: 0; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point { padding-left: 0; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_point img { height: 542px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box { width: 98%; bottom: 15px !important; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info { padding: 15px 20px !important; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info .h2 { margin-bottom: 12px; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info .readmore_link { margin-top: 10px; } .frame-type-mask_fertility_erstgesprach_termin.frame.frame-width-default .inner .fertility_appointment_container .appointment-info .appointment-img img { max-width: 100%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_desc h3 { font-size: 30px; line-height: 40px; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_desc .accordin-content.con-show .acc-title { width: 100%; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .fertility_faq_accordion_desc .accordin-content.con-show .acc-title::before { right: -10px; } .treatments-info #content { margin-bottom: 300px; } .treatments-info .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner { padding-left: 20px; } .treatments-info .frame-type-mask_fertility_treatments_overview.frame.frame-space-after- .fertility_treatmentoverivew_container .fertility_overviewslider { padding: 28px 35px 20px 33px; box-shadow: rgba(182, 96, 129, 0.08) 9px 8px; } .treatments-info #fertility_startimage_inhalte .inner .text .professionally_checked { margin-left: 20px; padding-left: 60px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update { margin-left: 20px; } .treatments-info #fertility_startimage_inhalte .inner .text .timeing_update li { gap: 2px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-slide .furtherinfo-box { padding: 35px; } .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag, .treatments-info .frame-type-mask_fertility_informationen.frame.frame-width-default .inner .fertility_informationslider .swiper .swiper-scrollbar.swiper-scrollbar-horizontal { width: 100%; } .treatments-info .frame.accordion .content header h2 { font-size: 17px; line-height: 27px; } .treatments-info .faq-section .frame > .content > header > h2 { font-size: 17px; line-height: 27px; } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .fertility_doctorteamslider .doctorinfo-box .info-content { padding: 13px 10px 13px 0; word-break: break-word; } .frame-type-mask_fertility_bildtext_mit_faq.frame.frame-width-default .inner .fertility_bildtextfaq_container.fertility_bildtextfaq_accordion_container .fertility_faq_accordion .acc-title p { min-width: 100%; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout1 { margin-bottom: 10px; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout1 .powermail_fieldwrap { flex-direction: column; gap: 8px; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout1 .powermail_fieldwrap .powermail_field { width: 100%; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout1 .powermail_fieldwrap .powermail_select { width: 100%; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout1 label { width: 100%; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout2 .powermail_fieldwrap { width: 48%; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout3 { gap: 20px; margin-bottom: 20px; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_select { width: 100%; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.layout3 .powermail_fieldwrap_type_textarea textarea { width: 95%; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.nolabel { flex-direction: column; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_fieldset.nolabel .powermail_fieldwrap_senden { text-align: right; margin-top: 15px; } #questionnaire_result_container .fertility_results_tabs .result-form .tx-powermail .powermail_legend { margin-bottom: 20px; } .fertility_directions_container .map_direction_content .map_direction_info { width: 82%; } .fertility_directions_container .map_direction_content .map_direction_info h2 { margin-bottom: 20px; } .fertility_directions_container .map_direction_content .map_direction_info a { margin-right: 25px; } .fertility_directions_container .map_direction_content .map_direction_info a::after { margin-left: 10px; } .fertility-teamtab-section .inner .content .main .frame.frame-space-after- { margin-bottom: 30px; } .fertility-teamtab-section .ce-tabpanel .nav-tabs .nav-link { font-size: 16px; line-height: 19px; margin-right: 10px; padding: 14px 30px; } .fertilitycooperation-section .frame > .content > header > h2 { font-size: 17px; line-height: 27px; } .fertilitycooperation-section .frame.accordion .content header { padding: 15px 26px 15px 10px; } .fertilitycooperation-section .frame.accordion .content header h3 { font-size: 16px; line-height: 28px; } .fertilitycooperation-section .frame.accordion .content header::after { right: 10px; } .fertilitycooperation-section .frame.accordion .content .main .image img { width: 120px; } .fertilityNews-section .frame.frame-space-after- { margin-bottom: 0; } .fertilityNews-section .fertility_newsslider .swiper-slide .news-intro-wrap { padding: 20px; } .fertilityNewsDetail-section .news-single .article .news-img-wrap { margin: 0 0 10px 25px; float: left; } .fertilityNewsDetail-section .news-text-wrap { float: left; } } @media (max-width: 400px) { #fertility_startimage_buttons .text h1, #fertility_startimage_buttons .text h2 { font-size: 29px; line-height: 34px; } #fertility_startimage_buttons .text a.button { margin-right: 30px; margin-bottom: 30px; } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble1::before { width: 100%; height: 210px; left: 53%; background-size: 100% 210px; transform: translateX(-50%); } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble2::before { width: 100%; height: 255px; left: 52%; background-size: 100% 255px; transform: translateX(-50%); } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble3::before { width: 100%; height: 245px; left: 52%; background-size: 100% 245px; transform: translateX(-50%); } .bubble-section .frame-type-mask_fertility_bubble_element.frame.frame-width-default .inner .bubble-info .bubble4::before { width: 100%; height: 307px; left: 52%; background-size: 100% 307px; transform: translateX(-50%); } .frame-type-mask_fertility_doctors_team.frame.frame-width-default .inner .fertility_doctorsteam_container .fertility_doctorteamslider .doctorinfo-box .info-content { padding: 13px 10px 13px 0; word-break: break-word; } .frame-type-mask_fertility_unsere_standorte.frame.frame-width-default .inner .fertility_unserestandorte_container .fertility_map_location .map_location_box .map_location_info .h2 { font-size: 26px; line-height: 29px; } } /*# sourceMappingURL=custom.css.map */