@charset "UTF-8"; /* ---------------------------------------------------------------------- */ /* Name: medgate.ch Date: December 2024 Version: 3.2 Author: Daniel Baumgartner Autor URI: icontel.com */ /* ---------------------------------------------------------------------- */ /* 1.1: Doc Appointment Page 1.2: Backlog Changes 1.3: Main Events 1.4: Title for Polyclinic Map 1.5: Medgate Video & Youtube link 1.6: Video and Parallax 1.7: Template restructuring, Medien, Freshchat 1.8: Mitarbeiteranlass 1.9: New Text-Headers Formating 1.10: ITC Landingpage 1.11: Footer restructure + Newsletter 1.12: News Swiper 1.13: App-teaser Module 1.14: Footer changes & Partner Network 1.15: Header without Tel + Pfyfferli 1.16: New Home & MTC 1.17: Unsere Partner & Deutschland 1.18: Lexicon 1.19: Teleclinic & Migraine Event 1.20: Our partners Map Accordion 1.21: Corona 1.22: Optimise Loadingtimes 1.23: Arzttermin für Arzte 1.24: Hotlines und Notfalltelefone 2.0: Navigation Restructure, Search & Homepage slider 2.1: Footer styling changes 2.2: Swisscom Health Check & Film Premiere 2.3: App animation video and BG image for header, template changes to home and business partners pages 2.4: MMC page changes 2.5: App page restructure 2.6: Media page restructure 2.7: Media page social share 2.8: Our partners layout 2.9: Emergency Home 2.10: Apotheken landingpage 2.11: Medflix 2.12: Document Library 2.13: Rekrutierung Special 2.14: App Banner 2.15: Hotlines Emergency 2.16: Arzttermin Buchen & Pille 2.17: Pharmacy Finder 3.0: Page Restructure 3.1: Blog 3.2: Optimed Tele */ /* ---------------------------------------------------------------------- */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ @import url("//hello.myfonts.net/count/354715"); html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * SassFlexbox * Manage Flexbox in Sass easily. * * @author Samuel Marchal (zessx) * @version 0.1 */ /* Display */ .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-] a.basicStructure-link, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] a.basicStructure-link, .basicStructure-table .basicStructure-tableheader, .basicStructure-table .doclib-tablerow, .optimed-subtitle, .faqlibrary-table .faqlib-tablerow, .doclibrary-table .doclib-tableheader .doclibtable-download a, .doclibrary-table .doclib-tablerow .doclibtable-download a, .doclibrary-table .doclib-tableheader, .doclibrary-table .doclib-tablerow, .mm-menu .mobile-footer-container a, .mm-menu .mobile-search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn, .mm-menu .mobile-search-container .bstrap30 .adv-search, .parallax-container .wrapper, .appBanner-container .appBanner-flex .appBanner-icon, .appBanner-container .appBanner-flex, #blog-stories .blogTeasers-container, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkbox-container, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main, body.rekrutierung-special #application-process .process-container .process-number, body.rekrutierung-special #application-process .process-row, .swiper-container .swiper-wrapper .swiper-slide, .swiper-container .swiper-wrapper, .searchResults-container .sb-footer ul.sb-pagination, .searchResults-container .sb-default .adv-search, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container .accordion-content .address-title-container .address-title a, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address, section.pharmacyFinder-container .pharmacyFinder-mapContainer, section.pharmacyFinder-container .pharmacyFinder-searchContainer .pharmacyFinder-searchField, .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-text .btn-group .btn, .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-text .btn-group, .talk-to-doc-section .talkDoc-container .talkDoc-app a.talkDoc-moreLink, .talk-to-doc-section .talkDoc-container .talkDoc-web a.talkDoc-moreLink, .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle .talkDoc-icon, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle .talkDoc-icon, .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle, .talk-to-doc-section .talkDoc-container, .bookADoc-wrapper .bookADoc-container .bookADoc-image .bookADoc-number, .bookADoc-wrapper, #offered-by .logo-row .offeredby-logo-container, #offered-by .logo-row, .location-container .address-container .address-detail .address-item-detail, .location-container .address-container .address-title-container .address-title a, .location-container .address-container, .sticky-container .sticky-teaser .teaser-header, .diseases-section .diseases-container .diseases-app .diseases-button a.diseasesApp-moreLink, .diseases-section .diseases-container .diseases-app .diseases-button .btn-group .btn, .diseases-section .diseases-container .diseases-app .diseases-button .btn-group, .diseases-section .diseases-container .diseases-app .step-container, .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle .diseasesTitle-icon, .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle, .diseases-section .diseases-container, section.mediaDetail-firstSection .socialShare-container a.socialShare-link, section.mediaDetail-firstSection .socialShare-container, section.media-container .media-row, .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio label, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.checkbox-list .checkbox label, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset .checkbox label, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset, .insurancePartners-container .partner-container a.partnerlink, .insurancePartners-container .partner-container .partnerdetails ul li, .insurancePartners-container .partner-container .partnerdetails, .organizationPartners-container .partner-container .partnerdetails, .medicalCentres-container .partner-container .partnerdetails, .insurancePartners-container .partner-container .partnerlogo, .organizationPartners-container .partner-container .partnerlogo, .medicalCentres-container .partner-container .partnerlogo, .insurancePartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .organizationPartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .medicalCentres-container .partner-container .partner-content .partnerdetails a.partnerlink, .insurancePartners-container .partner-container .partner-content .partnerdetails, .organizationPartners-container .partner-container .partner-content .partnerdetails, .medicalCentres-container .partner-container .partner-content .partnerdetails, .insurancePartners-container .partner-container .partner-content, .organizationPartners-container .partner-container .partner-content, .medicalCentres-container .partner-container .partner-content, .insurancePartners-container .partner-container, .organizationPartners-container .partner-container, .medicalCentres-container .partner-container, .treatmentFields-container .treatmentField-teaser, .treatmentFields-container, .billing-row, .appMiniDownload-container .appMiniDownload-btnQr .btn-group, .appMiniDownload-container .appMiniDownload-btnQr, .appRating-container, .patientSatisfaction-row, .app-feature-slider.slider-container .app-feature-row, .hereForYou-section, .appDocFeature-row, .app-body #video-section .row, .treatmentsServices-row, .mmcList-container .mmcList-location .mmcLocation-link, .mmcList-container .mmcList-location, #mmc-function .mmc-function-steps-container .step-container, #media-logos .media-logos-row, .app-teaser-module .row, #experienced-doctors .experienced-doctor-container, #happy-patients .happy-patient-row .happy-patient-container, #happy-patients .happy-patient-row, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel .emergencyTel-group, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .btn-group .btn, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .btn-group, #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container, #digital-doc .digitalDoc-container, .health-app .healthapp-btns .btn-group, .health-app .healthapp-row .healthapp .healthapp-teaser, .health-app .healthapp-row .healthapp, .health-app .healthapp-row, .partnerLogo-container, .step-container.medgate-connect, .boxes-flex .boxes-container, .boxes-flex, .box-container.img-left .box-content, .box-container.img-right .box-content, .box-container, .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab, .mainimg-container .slider-container .rsNav.rsTabs, .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container, .header-container .nav-container .secondary .global-url a, .header-container .nav-container .secondary .search-container .bstrap30 .adv-search, .header-container .nav-container .secondary, .header-container .nav-container .primary ul, .header-container .row.logo-search-container, ul.link-list li a, a.link-arrow, ul.list li { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address a.btn, .claim-container .claim .terminBuchen-appRating .star-container { display: -webkit-inline-flex; display: inline-flex; } /* Flex direction */ .appRating-container, #happy-patients .happy-patient-row .happy-patient-container:nth-child(odd), .box-container.img-right { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle, .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle, .app-body #video-section .row, #happy-patients .happy-patient-row .happy-patient-container:nth-child(even), .health-app .healthapp-row, .box-container.img-left { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } section.mediaDetail-firstSection .socialShare-container, .appMiniDownload-container .appMiniDownload-btnQr .btn-group, #happy-patients .happy-patient-row { -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /* Flex wrap */ .basicStructure-table .basicStructure-tableheader, .basicStructure-table .doclib-tablerow, .insurancePartners-container .partner-container .partner-content, .organizationPartners-container .partner-container .partner-content, .medicalCentres-container .partner-container .partner-content, .insurancePartners-container .partner-container, .organizationPartners-container .partner-container, .medicalCentres-container .partner-container, .appRating-container, .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab, .header-container .nav-container .primary ul, ul.list li { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } #blog-stories .blogTeasers-container, .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle, .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle, section.mediaDetail-firstSection .socialShare-container, section.media-container .box-container .box-content, section.media-container .media-row, .insurancePartners-container .partner-container .partner-content .partnerdetails, .organizationPartners-container .partner-container .partner-content .partnerdetails, .medicalCentres-container .partner-container .partner-content .partnerdetails, .treatmentFields-container, .appDocFeature-row, .treatmentsServices-row, .health-app .healthapp-btns .btn-group, .health-app .healthapp-row .healthapp .healthapp-teaser, .health-app .healthapp-row .healthapp, .partnerLogo-container { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* Flex flow */ /* Order */ /* Flex grow */ /* Flex shrink */ /* Flex basis */ /* Flex */ /* Justify content */ .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-] a.basicStructure-link, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] a.basicStructure-link, .partnerLogo-container { -webkit-box-pack: start; -moz-box-pack: start; -webkit-flex-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-].align-right a.basicStructure-link, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-].align-right a.basicStructure-link, .doclibrary-table .doclib-tableheader .doclibtable-download a, .doclibrary-table .doclib-tablerow .doclibtable-download a, .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle .talkDoc-icon, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle .talkDoc-icon, .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle .diseasesTitle-icon, .insurancePartners-container .partner-container a.partnerlink, .header-container .nav-container .secondary { -webkit-box-pack: end; -moz-box-pack: end; -webkit-flex-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; } .mm-menu .mobile-footer-container a, .mm-menu .mobile-search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn, .appBanner-container .appBanner-flex .appBanner-icon, body.rekrutierung-special #application-process .process-container .process-number, .searchResults-container .sb-footer ul.sb-pagination, .claim-container .claim .terminBuchen-appRating .star-container, .bookADoc-wrapper .bookADoc-container .bookADoc-image .bookADoc-number, #offered-by .logo-row .offeredby-logo-container, section.mediaDetail-firstSection .socialShare-container a.socialShare-link, .insurancePartners-container .partner-container .partnerlogo, .organizationPartners-container .partner-container .partnerlogo, .medicalCentres-container .partner-container .partnerlogo, .appMiniDownload-container .appMiniDownload-btnQr, .treatmentsServices-row, .health-app .healthapp-btns .btn-group, .health-app .healthapp-row, .step-container.medgate-connect { -webkit-box-pack: center; -moz-box-pack: center; -webkit-flex-pack: center; -ms-flex-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main, section.pharmacyFinder-container .pharmacyFinder-searchContainer .pharmacyFinder-searchField, .talk-to-doc-section .talkDoc-container, .diseases-section .diseases-container, .insurancePartners-container .partner-container .partner-content, .organizationPartners-container .partner-container .partner-content, .medicalCentres-container .partner-container .partner-content, .insurancePartners-container .partner-container, .organizationPartners-container .partner-container, .medicalCentres-container .partner-container, #happy-patients .happy-patient-row .happy-patient-container, #digital-doc .digitalDoc-container, .header-container .nav-container .primary ul { -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-flex-pack: justify; -ms-flex-pack: justify; -moz-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; } /* Align items */ .bookADoc-wrapper, .health-app .healthapp-row .healthapp .healthapp-teaser, ul.link-list li a, ul.list li { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn, #happy-patients .happy-patient-row .happy-patient-container { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-] a.basicStructure-link, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] a.basicStructure-link, .optimed-subtitle, .faqlibrary-table .faqlib-tablerow, .doclibrary-table .doclib-tableheader .doclibtable-download a, .doclibrary-table .doclib-tablerow .doclibtable-download a, .doclibrary-table .doclib-tableheader, .doclibrary-table .doclib-tablerow, .mm-menu .mobile-footer-container a, .mm-menu .mobile-search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn, .mm-menu .mobile-search-container .bstrap30 .adv-search, .parallax-container .wrapper, .appBanner-container .appBanner-flex .appBanner-icon, .appBanner-container .appBanner-flex, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkbox-container, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main, body.rekrutierung-special #application-process .process-container .process-number, .swiper-container .swiper-wrapper .swiper-slide, .searchResults-container .sb-default .adv-search, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address a.btn, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container .accordion-content .address-title-container .address-title a, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address, section.pharmacyFinder-container .pharmacyFinder-searchContainer .pharmacyFinder-searchField, .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-text .btn-group .btn, .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-text .btn-group, .talk-to-doc-section .talkDoc-container .talkDoc-app a.talkDoc-moreLink, .talk-to-doc-section .talkDoc-container .talkDoc-web a.talkDoc-moreLink, .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle, .bookADoc-wrapper .bookADoc-container .bookADoc-image .bookADoc-number, #offered-by .logo-row .offeredby-logo-container, .location-container .address-container .address-detail .address-item-detail, .location-container .address-container .address-title-container .address-title a, .location-container .address-container, .sticky-container .sticky-teaser .teaser-header, .diseases-section .diseases-container .diseases-app .diseases-button a.diseasesApp-moreLink, .diseases-section .diseases-container .diseases-app .diseases-button .btn-group .btn, .diseases-section .diseases-container .diseases-app .diseases-button .btn-group, .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle, section.mediaDetail-firstSection .socialShare-container a.socialShare-link, .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio label, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.checkbox-list .checkbox label, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset .checkbox label, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset, .insurancePartners-container .partner-container a.partnerlink, .insurancePartners-container .partner-container .partnerdetails ul li, .insurancePartners-container .partner-container .partnerdetails, .organizationPartners-container .partner-container .partnerdetails, .medicalCentres-container .partner-container .partnerdetails, .insurancePartners-container .partner-container .partnerlogo, .organizationPartners-container .partner-container .partnerlogo, .medicalCentres-container .partner-container .partnerlogo, .insurancePartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .organizationPartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .medicalCentres-container .partner-container .partner-content .partnerdetails a.partnerlink, .insurancePartners-container .partner-container .partner-content, .organizationPartners-container .partner-container .partner-content, .medicalCentres-container .partner-container .partner-content, .treatmentFields-container .treatmentField-teaser, .billing-row, .appMiniDownload-container .appMiniDownload-btnQr, .appRating-container, .app-feature-slider.slider-container .app-feature-row, .hereForYou-section, .app-body #video-section .row, .mmcList-container .mmcList-location, #mmc-function .mmc-function-steps-container .step-container, #media-logos .media-logos-row, .app-teaser-module .row, #experienced-doctors .experienced-doctor-container, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel .emergencyTel-group, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .btn-group .btn, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .btn-group, .health-app .healthapp-row, .step-container.medgate-connect, .box-container, .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab, .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container, .header-container .nav-container .secondary .global-url a, .header-container .nav-container .secondary .search-container .bstrap30 .adv-search, .header-container .nav-container .secondary, .header-container .nav-container .primary ul, .header-container .row.logo-search-container, a.link-arrow, ul.list li { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } #blog-stories .blogTeasers-container, body.rekrutierung-special #application-process .process-row, .swiper-container .swiper-wrapper, .talk-to-doc-section .talkDoc-container, #offered-by .logo-row, .diseases-section .diseases-container, section.media-container .media-row, .insurancePartners-container .partner-container, .organizationPartners-container .partner-container, .medicalCentres-container .partner-container, #digital-doc .digitalDoc-container, .boxes-flex { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; } /* Align self */ .patientSatisfaction-row .column-4:nth-of-type(2), .patientSatisfaction-row .horizontal-steps-container .step-container:nth-of-type(2), .horizontal-steps-container .patientSatisfaction-row .step-container:nth-of-type(2), #happy-patients .happy-patient-row .happy-patient-container:nth-child(odd) { -ms-flex-item-align: end; -webkit-align-self: flex-end; -moz-align-self: flex-end; align-self: flex-end; } .boxes-flex .boxes-container .box-content { -ms-flex-item-align: center; -webkit-align-self: center; -moz-align-self: center; align-self: center; } .mmcList-container .mmcList-location .mmcLocation-link { -ms-flex-item-align: stretch; -webkit-align-self: stretch; -moz-align-self: stretch; align-self: stretch; } /* Align content */ .health-app .healthapp-row .healthapp .healthapp-teaser { -ms-flex-line-pack: start; -webkit-align-content: flex-start; -moz-align-content: flex-start; align-content: flex-start; } /** * @license * MyFonts Webfont Build ID 3491605, 2017-12-01T04:09:40-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Gilroy-Thin by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/thin/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-UltraLightItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/ultra-light-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-ThinItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/thin-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-SemiBoldItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/semi-bold-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-SemiBold by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/semi-bold/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-UltraLight by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/ultra-light/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Regular by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/regular/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-RegularItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/regular-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-MediumItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/medium-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Medium by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/medium/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-LightItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/light-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Light by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/light/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-HeavyItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/heavy-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Heavy by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/heavy/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-ExtraBoldItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/extra-bold-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-ExtraBold by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/extra-bold/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-BoldItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/bold-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Bold by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/bold/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-BlackItalic by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/black-italic/ * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved. * * Webfont: Gilroy-Black by Radomir Tinkov * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/black/ * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved. * * * License: https://www.myfonts.com/viewlicense?type=web&buildid=3491605 * Licensed pageviews: 10,000 * * © 2017 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: "Gilroy-Thin"; src: url("../webfonts/354715_0_0.eot"); src: url("../webfonts/354715_0_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_0_0.woff2") format("woff2"), url("../webfonts/354715_0_0.woff") format("woff"), url("../webfonts/354715_0_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-UltraLightItalic"; src: url("../webfonts/354715_1_0.eot"); src: url("../webfonts/354715_1_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_1_0.woff2") format("woff2"), url("../webfonts/354715_1_0.woff") format("woff"), url("../webfonts/354715_1_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-ThinItalic"; src: url("../webfonts/354715_2_0.eot"); src: url("../webfonts/354715_2_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_2_0.woff2") format("woff2"), url("../webfonts/354715_2_0.woff") format("woff"), url("../webfonts/354715_2_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-SemiBoldItalic"; src: url("../webfonts/354715_3_0.eot"); src: url("../webfonts/354715_3_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_3_0.woff2") format("woff2"), url("../webfonts/354715_3_0.woff") format("woff"), url("../webfonts/354715_3_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-SemiBold"; src: url("../webfonts/354715_4_0.eot"); src: url("../webfonts/354715_4_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_4_0.woff2") format("woff2"), url("../webfonts/354715_4_0.woff") format("woff"), url("../webfonts/354715_4_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-UltraLight"; src: url("../webfonts/354715_5_0.eot"); src: url("../webfonts/354715_5_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_5_0.woff2") format("woff2"), url("../webfonts/354715_5_0.woff") format("woff"), url("../webfonts/354715_5_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-Regular"; src: url("../webfonts/354715_6_0.eot"); src: url("../webfonts/354715_6_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_6_0.woff2") format("woff2"), url("../webfonts/354715_6_0.woff") format("woff"), url("../webfonts/354715_6_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-RegularItalic"; src: url("../webfonts/354715_7_0.eot"); src: url("../webfonts/354715_7_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_7_0.woff2") format("woff2"), url("../webfonts/354715_7_0.woff") format("woff"), url("../webfonts/354715_7_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-MediumItalic"; src: url("../webfonts/354715_8_0.eot"); src: url("../webfonts/354715_8_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_8_0.woff2") format("woff2"), url("../webfonts/354715_8_0.woff") format("woff"), url("../webfonts/354715_8_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-Medium"; src: url("../webfonts/354715_9_0.eot"); src: url("../webfonts/354715_9_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_9_0.woff2") format("woff2"), url("../webfonts/354715_9_0.woff") format("woff"), url("../webfonts/354715_9_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-LightItalic"; src: url("../webfonts/354715_A_0.eot"); src: url("../webfonts/354715_A_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_A_0.woff2") format("woff2"), url("../webfonts/354715_A_0.woff") format("woff"), url("../webfonts/354715_A_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-Light"; src: url("../webfonts/354715_B_0.eot"); src: url("../webfonts/354715_B_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_B_0.woff2") format("woff2"), url("../webfonts/354715_B_0.woff") format("woff"), url("../webfonts/354715_B_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-HeavyItalic"; src: url("../webfonts/354715_C_0.eot"); src: url("../webfonts/354715_C_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_C_0.woff2") format("woff2"), url("../webfonts/354715_C_0.woff") format("woff"), url("../webfonts/354715_C_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-Heavy"; src: url("../webfonts/354715_D_0.eot"); src: url("../webfonts/354715_D_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_D_0.woff2") format("woff2"), url("../webfonts/354715_D_0.woff") format("woff"), url("../webfonts/354715_D_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-ExtraBoldItalic"; src: url("../webfonts/354715_E_0.eot"); src: url("../webfonts/354715_E_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_E_0.woff2") format("woff2"), url("../webfonts/354715_E_0.woff") format("woff"), url("../webfonts/354715_E_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-ExtraBold"; src: url("../webfonts/354715_F_0.eot"); src: url("../webfonts/354715_F_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_F_0.woff2") format("woff2"), url("../webfonts/354715_F_0.woff") format("woff"), url("../webfonts/354715_F_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-BoldItalic"; src: url("../webfonts/354715_10_0.eot"); src: url("../webfonts/354715_10_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_10_0.woff2") format("woff2"), url("../webfonts/354715_10_0.woff") format("woff"), url("../webfonts/354715_10_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-Bold"; src: url("../webfonts/354715_11_0.eot"); src: url("../webfonts/354715_11_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_11_0.woff2") format("woff2"), url("../webfonts/354715_11_0.woff") format("woff"), url("../webfonts/354715_11_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-BlackItalic"; src: url("../webfonts/354715_12_0.eot"); src: url("../webfonts/354715_12_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_12_0.woff2") format("woff2"), url("../webfonts/354715_12_0.woff") format("woff"), url("../webfonts/354715_12_0.ttf") format("truetype"); } @font-face { font-family: "Gilroy-Black"; src: url("../webfonts/354715_13_0.eot"); src: url("../webfonts/354715_13_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/354715_13_0.woff2") format("woff2"), url("../webfonts/354715_13_0.woff") format("woff"), url("../webfonts/354715_13_0.ttf") format("truetype"); } @font-face { font-family: "HollywoodHills"; src: url("../webfonts/SFHollywoodHills-Bold.eot"); src: url("../webfonts/SFHollywoodHills-Bold.eot?#iefix") format("embedded-opentype"), url("../webfonts/SFHollywoodHills-Bold.woff2") format("woff2"), url("../webfonts/SFHollywoodHills-Bold.woff") format("woff"), url("../webfonts/SFHollywoodHills-Bold.ttf") format("truetype"), url("../webfonts/SFHollywoodHills-Bold.svg#SFHollywoodHills-Bold") format("svg"); font-weight: bold; font-style: normal; } /* ---------------------------------------------------------------------- */ /* settings */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* Icontel Custom Mixins & Helpers Date: January 2017 Version: 1.1 Author: Daniel Baumgartner Autor URI: icontel.com */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* grid */ /* ---------------------------------------------------------------------- */ .wrapper { width: 96%; max-width: 1200px; margin: 0 auto; position: relative; } .row { margin: 1.5em -1%; } [class*=column-] { display: block; float: left; min-height: 1px; margin: 0 1%; padding: 0; width: 100%; } .column-1 { width: 6.3333333333%; } .column-2 { width: 14.6666666667%; } .column-3 { width: 23%; } .column-4, .horizontal-steps-container .step-container { width: 31.3333333333%; } .column-5 { width: 39.6666666667%; } .column-6 { width: 48%; } .column-7 { width: 56.3333333333%; } .column-8 { width: 64.6666666667%; } .column-9 { width: 73%; } .column-10 { width: 81.3333333333%; } .column-11 { width: 89.6666666667%; } .column-12 { width: 98%; } .offset-1 { margin-left: 9.3333333333%; } .offset-2 { margin-left: 17.6666666667%; } .offset-3 { margin-left: 26%; } .offset-4 { margin-left: 34.3333333333%; } .offset-5 { margin-left: 42.6666666667%; } .offset-6 { margin-left: 51%; } .offset-7 { margin-left: 59.3333333333%; } .offset-8 { margin-left: 67.6666666667%; } .offset-9 { margin-left: 76%; } .offset-10 { margin-left: 84.3333333333%; } .offset-11 { margin-left: 92.6666666667%; } .offset-12 { margin-left: 101%; } .ict-accordion-container .accordion-toggle, .doc-appointment .questions-container .box-content, .doc-appointment .steps-container, .app-feature-slider.slider-container .app-feature-row, .row { *zoom: 1; } .ict-accordion-container .accordion-toggle:before, .doc-appointment .questions-container .box-content:before, .doc-appointment .steps-container:before, .app-feature-slider.slider-container .app-feature-row:before, .row:before, .ict-accordion-container .accordion-toggle:after, .doc-appointment .questions-container .box-content:after, .doc-appointment .steps-container:after, .app-feature-slider.slider-container .app-feature-row:after, .row:after { content: " "; display: table; } .ict-accordion-container .accordion-toggle:after, .doc-appointment .questions-container .box-content:after, .doc-appointment .steps-container:after, .app-feature-slider.slider-container .app-feature-row:after, .row:after { clear: both; } /* ---------------------------------------------------------------------- */ /* typography */ /* ---------------------------------------------------------------------- */ .mm-menu .mobile-language-container ul.dropdown-menu, .lexicon-content ul, #lexicon-list ul.lexicon-list, .partnerFilter-row .partnerFilter-container .btn-group ul.dropdown-menu, .doc-appointment .steps-container ol, .mainimg-container .mainimg-bar .row ul.breadcrumbs, .footer-container ul, .header-container .nav-container ul, .dropdown-group ul.dropdown-menu, ul.link-list, ul.advantages, ul.checkmark, ul.list { margin: 0; padding: 0; list-style: none; } .swiper-container .swiper-wrapper .swiper-slide .swiper-content, .diseases-container .wenn-icon-container .icons-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } *:focus { outline: none; } /* ---------------------------------------------------------------------- */ /* layout */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* triangle */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* transitions */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* input */ /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ /* functions */ /* ---------------------------------------------------------------------- */ .focuspoint { position: absolute; overflow: hidden; width: 100%; height: 100%; backface-visibility: hidden; perspective: 1000px; } .focuspoint img { margin: 0; display: block; width: auto; height: auto; min-width: 100%; min-height: 100%; max-height: none; max-width: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /* ---------------------------------------------------------------------- */ /* gradient */ /* ---------------------------------------------------------------------- */ .Normal, .NormalDisabled, .NormalDeleted { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; } body.dnnEditState .header-container { position: relative !important; } body.dnnEditState .actionMenu .dnn_mact { margin-left: -90px !important; } body.dnnEditState.app-body .mainimg-container .mainimg-image { position: relative; } body.dnnEditState.app-body .mainimg-container .mainimg-image .wrapper { height: 150px; z-index: 15; position: absolute; right: 2%; bottom: 0; left: 2%; } /* ---------------------------------------------------------------------- */ /* global */ /* ---------------------------------------------------------------------- */ html, button, input, select, textarea { color: #FFFFFF; } body { background: #F2F4F3; color: #000000; font-family: "Gilroy-Regular", sans-serif; font-size: 17px; font-weight: 400; line-height: 21px; overflow-x: hidden !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body, html { margin: 0; padding: 0; } /* ---------------------------------------------------------------------- */ /* typography */ /* ---------------------------------------------------------------------- */ h1, h2, h3, h4, #function-steps .vertical-steps-container .step-container h3, .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .address-title a, section.media-container .box-container .box-content h2, h5, .ict-accordion-container .accordion-toggle .title, .lexicon-content h3, #lexicon-list .lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2 { color: #258BF5; font-weight: 400; margin: 0 0 0.5em 0; padding: 0; } h1, h2, h3 { font-family: "Gilroy-SemiBold", sans-serif; } h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b { font-family: "Gilroy-SemiBold", sans-serif; font-weight: 400; } h4, #function-steps .vertical-steps-container .step-container h3, .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .address-title a, section.media-container .box-container .box-content h2, h5, .ict-accordion-container .accordion-toggle .title, .lexicon-content h3, #lexicon-list .lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2 { font-family: "Gilroy-Bold", sans-serif; } h4 strong, #function-steps .vertical-steps-container .step-container h3 strong, .location-container .address-container .address-title-container h3 strong, .location-container .address-container .address-title-container .address-title a strong, section.media-container .box-container .box-content h2 strong, h4 b, #function-steps .vertical-steps-container .step-container h3 b, .location-container .address-container .address-title-container h3 b, .location-container .address-container .address-title-container .address-title a b, section.media-container .box-container .box-content h2 b, h5 strong, .ict-accordion-container .accordion-toggle .title strong, .lexicon-content h3 strong, #lexicon-list .lexicon-alphabet strong, .mediaDetail-box .mediaDetail-container h2.media-introduction strong, section.media-container .media-row .media-column .media-container .media-content h2 strong, h5 b, .ict-accordion-container .accordion-toggle .title b, .lexicon-content h3 b, #lexicon-list .lexicon-alphabet b, .mediaDetail-box .mediaDetail-container h2.media-introduction b, section.media-container .media-row .media-column .media-container .media-content h2 b { font-family: "Gilroy-Bold", sans-serif; font-weight: 400; } h1 { font-size: 3.5295em; line-height: 1.1667em; } h2 { font-size: 2.9412em; line-height: 1.2em; } h2.h3-style { font-size: 2.353em; line-height: 1.25em; } h2.h4-style { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } h3 { font-size: 2.353em; line-height: 1.25em; } h3.h4-style { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } h4, #function-steps .vertical-steps-container .step-container h3, .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .address-title a, section.media-container .box-container .box-content h2 { font-size: 1.765em; line-height: 1.335em; } h5, .ict-accordion-container .accordion-toggle .title, .lexicon-content h3, #lexicon-list .lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2 { font-size: 1.177em; line-height: 1.35em; } .small, section.media-container .media-row .media-column .media-container .media-content .media-date { font-size: 0.706em; line-height: 1.3em; } .big, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question-explain, #lexicon-list ul.lexicon-list, #function-steps .vertical-steps-container .step-container p, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-testimonial { font-size: 1.177em; line-height: 1.2em; } b, strong { font-family: "Gilroy-Bold", sans-serif; font-weight: 400; } p, pre { margin: 0 0 1.5em 0; } p:last-of-type, p.no-margin, pre:last-of-type, pre.no-margin { margin-bottom: 0; } p.margin-bottom, pre.margin-bottom { margin-bottom: 1.5em !important; } em, i { font-family: "Gilroy-RegularItalic", sans-serif; font-style: normal; } a, a:visited, a img, a img:visited { color: #1665CE; cursor: pointer; font-family: "Gilroy-SemiBold", sans-serif; font-style: normal; text-decoration: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } a:hover, a:active, a:visited:hover, a:visited:active, a img:hover, a img:active, a img:visited:hover, a img:visited:active { color: #40ECB8; } a.content-phone, a.content-email, a:visited.content-phone, a:visited.content-email, a img.content-phone, a img.content-email, a img:visited.content-phone, a img:visited.content-email { display: block; } a.content-phone .svg, a.content-email .svg, a:visited.content-phone .svg, a:visited.content-email .svg, a img.content-phone .svg, a img.content-email .svg, a img:visited.content-phone .svg, a img:visited.content-email .svg { display: inline-block; margin: 0 0.5em 0 0; overflow: inherit; width: 1em; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } a.content-phone.white .svg, a.content-email.white .svg, a:visited.content-phone.white .svg, a:visited.content-email.white .svg, a img.content-phone.white .svg, a img.content-email.white .svg, a img:visited.content-phone.white .svg, a img:visited.content-email.white .svg { stroke: #FFFFFF; } a.content-phone.blue .svg, a.content-email.blue .svg, a:visited.content-phone.blue .svg, a:visited.content-email.blue .svg, a img.content-phone.blue .svg, a img.content-email.blue .svg, a img:visited.content-phone.blue .svg, a img:visited.content-email.blue .svg { stroke: #1665CE; } a.content-phone:hover svg, a.content-email:hover svg, a:visited.content-phone:hover svg, a:visited.content-email:hover svg, a img.content-phone:hover svg, a img.content-email:hover svg, a img:visited.content-phone:hover svg, a img:visited.content-email:hover svg { stroke: #40ECB8 !important; } ul.list { margin: 0 0 1.5em 0; } ul.list li { margin: 0 0 0 1em; } ul.list li:before { background: #40ECB8; content: ""; display: inline-block; margin: 0 0.75em 0 -1em; width: 0.5em; height: 0.5em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; -webkit-flex-shrink: 0; -webkit-box-flex: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } img { max-width: 100%; } input.placeholder, textarea.placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } input:-moz-placeholder, textarea:-moz-placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } input::-moz-placeholder, textarea::-moz-placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } h1.white, h2.white, h3.white, h4.white, #function-steps .vertical-steps-container .step-container h3.white, .location-container .address-container .address-title-container h3.white, .location-container .address-container .address-title-container .address-title a.white, section.media-container .box-container .box-content h2.white, h5.white, .ict-accordion-container .accordion-toggle .white.title, #lexicon-list .white.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.white.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.white, p.white, span.white, ul.white, li.white, a.white, *.white { color: #FFFFFF; } h1.black, h2.black, h3.black, h4.black, #function-steps .vertical-steps-container .step-container h3.black, .location-container .address-container .address-title-container h3.black, .location-container .address-container .address-title-container .address-title a.black, section.media-container .box-container .box-content h2.black, h5.black, .ict-accordion-container .accordion-toggle .black.title, #lexicon-list .black.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.black.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.black, p.black, span.black, ul.black, li.black, a.black, *.black { color: #000000; } h1.medgate-blue, h2.medgate-blue, h3.medgate-blue, h4.medgate-blue, #function-steps .vertical-steps-container .step-container h3.medgate-blue, .location-container .address-container .address-title-container h3.medgate-blue, .location-container .address-container .address-title-container .address-title a.medgate-blue, section.media-container .box-container .box-content h2.medgate-blue, h5.medgate-blue, .ict-accordion-container .accordion-toggle .medgate-blue.title, #lexicon-list .medgate-blue.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.medgate-blue.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.medgate-blue, p.medgate-blue, span.medgate-blue, ul.medgate-blue, li.medgate-blue, a.medgate-blue, *.medgate-blue { color: #258BF5; } h1.dark-blue, h2.dark-blue, h3.dark-blue, h4.dark-blue, #function-steps .vertical-steps-container .step-container h3.dark-blue, .location-container .address-container .address-title-container h3.dark-blue, .location-container .address-container .address-title-container .address-title a.dark-blue, section.media-container .box-container .box-content h2.dark-blue, h5.dark-blue, .ict-accordion-container .accordion-toggle .dark-blue.title, #lexicon-list .dark-blue.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.dark-blue.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.dark-blue, p.dark-blue, span.dark-blue, ul.dark-blue, li.dark-blue, a.dark-blue, *.dark-blue { color: #113F93; } h1.middle-blue, h2.middle-blue, h3.middle-blue, h4.middle-blue, #function-steps .vertical-steps-container .step-container h3.middle-blue, .location-container .address-container .address-title-container h3.middle-blue, .location-container .address-container .address-title-container .address-title a.middle-blue, section.media-container .box-container .box-content h2.middle-blue, h5.middle-blue, .ict-accordion-container .accordion-toggle .middle-blue.title, #lexicon-list .middle-blue.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.middle-blue.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.middle-blue, p.middle-blue, span.middle-blue, ul.middle-blue, li.middle-blue, a.middle-blue, *.middle-blue { color: #1665CE; } h1.turquoise, h2.turquoise, h3.turquoise, h4.turquoise, #function-steps .vertical-steps-container .step-container h3.turquoise, .location-container .address-container .address-title-container h3.turquoise, .location-container .address-container .address-title-container .address-title a.turquoise, section.media-container .box-container .box-content h2.turquoise, h5.turquoise, .ict-accordion-container .accordion-toggle .turquoise.title, #lexicon-list .turquoise.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.turquoise.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.turquoise, p.turquoise, span.turquoise, ul.turquoise, li.turquoise, a.turquoise, *.turquoise { color: #40ECB8; } h1.apricot, h2.apricot, h3.apricot, h4.apricot, #function-steps .vertical-steps-container .step-container h3.apricot, .location-container .address-container .address-title-container h3.apricot, .location-container .address-container .address-title-container .address-title a.apricot, section.media-container .box-container .box-content h2.apricot, h5.apricot, .ict-accordion-container .accordion-toggle .apricot.title, #lexicon-list .apricot.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.apricot.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.apricot, p.apricot, span.apricot, ul.apricot, li.apricot, a.apricot, *.apricot { color: #FAD9D2; } h1.purple, h2.purple, h3.purple, h4.purple, #function-steps .vertical-steps-container .step-container h3.purple, .location-container .address-container .address-title-container h3.purple, .location-container .address-container .address-title-container .address-title a.purple, section.media-container .box-container .box-content h2.purple, h5.purple, .ict-accordion-container .accordion-toggle .purple.title, #lexicon-list .purple.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.purple.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.purple, p.purple, span.purple, ul.purple, li.purple, a.purple, *.purple { color: #CFD3EA; } h1.light-purple, h2.light-purple, h3.light-purple, h4.light-purple, #function-steps .vertical-steps-container .step-container h3.light-purple, .location-container .address-container .address-title-container h3.light-purple, .location-container .address-container .address-title-container .address-title a.light-purple, section.media-container .box-container .box-content h2.light-purple, h5.light-purple, .ict-accordion-container .accordion-toggle .light-purple.title, #lexicon-list .light-purple.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.light-purple.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.light-purple, p.light-purple, span.light-purple, ul.light-purple, li.light-purple, a.light-purple, *.light-purple { color: #EFEBF1; } h1.red, h2.red, h3.red, h4.red, #function-steps .vertical-steps-container .step-container h3.red, .location-container .address-container .address-title-container h3.red, .location-container .address-container .address-title-container .address-title a.red, section.media-container .box-container .box-content h2.red, h5.red, .ict-accordion-container .accordion-toggle .red.title, #lexicon-list .red.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.red.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.red, p.red, span.red, ul.red, li.red, a.red, *.red { color: #E96875; } h1.green, h2.green, h3.green, h4.green, #function-steps .vertical-steps-container .step-container h3.green, .location-container .address-container .address-title-container h3.green, .location-container .address-container .address-title-container .address-title a.green, section.media-container .box-container .box-content h2.green, h5.green, .ict-accordion-container .accordion-toggle .green.title, #lexicon-list .green.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.green.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.green, p.green, span.green, ul.green, li.green, a.green, *.green { color: #04A699; } h1.light-grey, h2.light-grey, h3.light-grey, h4.light-grey, #function-steps .vertical-steps-container .step-container h3.light-grey, .location-container .address-container .address-title-container h3.light-grey, .location-container .address-container .address-title-container .address-title a.light-grey, section.media-container .box-container .box-content h2.light-grey, h5.light-grey, .ict-accordion-container .accordion-toggle .light-grey.title, #lexicon-list .light-grey.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.light-grey.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.light-grey, p.light-grey, span.light-grey, ul.light-grey, li.light-grey, a.light-grey, *.light-grey { color: #F2F4F3; } h1.middle-grey, h2.middle-grey, h3.middle-grey, h4.middle-grey, #function-steps .vertical-steps-container .step-container h3.middle-grey, .location-container .address-container .address-title-container h3.middle-grey, .location-container .address-container .address-title-container .address-title a.middle-grey, section.media-container .box-container .box-content h2.middle-grey, h5.middle-grey, .ict-accordion-container .accordion-toggle .middle-grey.title, #lexicon-list .middle-grey.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.middle-grey.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.middle-grey, p.middle-grey, span.middle-grey, ul.middle-grey, li.middle-grey, a.middle-grey, *.middle-grey { color: #CDD4D1; } h1.dark-grey, h2.dark-grey, h3.dark-grey, h4.dark-grey, #function-steps .vertical-steps-container .step-container h3.dark-grey, .location-container .address-container .address-title-container h3.dark-grey, .location-container .address-container .address-title-container .address-title a.dark-grey, section.media-container .box-container .box-content h2.dark-grey, h5.dark-grey, .ict-accordion-container .accordion-toggle .dark-grey.title, #lexicon-list .dark-grey.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.dark-grey.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.dark-grey, p.dark-grey, span.dark-grey, ul.dark-grey, li.dark-grey, a.dark-grey, *.dark-grey { color: #A4B0AB; } h1.center, h2.center, h3.center, h4.center, #function-steps .vertical-steps-container .step-container h3.center, .location-container .address-container .address-title-container h3.center, .location-container .address-container .address-title-container .address-title a.center, section.media-container .box-container .box-content h2.center, h5.center, .ict-accordion-container .accordion-toggle .center.title, #lexicon-list .center.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.center.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.center, p.center, span.center, ul.center, li.center, a.center, *.center { text-align: center; } h1.right, h2.right, h3.right, h4.right, #function-steps .vertical-steps-container .step-container h3.right, .location-container .address-container .address-title-container h3.right, .location-container .address-container .address-title-container .address-title a.right, section.media-container .box-container .box-content h2.right, h5.right, .ict-accordion-container .accordion-toggle .right.title, #lexicon-list .right.lexicon-alphabet, .mediaDetail-box .mediaDetail-container h2.right.media-introduction, section.media-container .media-row .media-column .media-container .media-content h2.right, p.right, span.right, ul.right, li.right, a.right, *.right { text-align: right; } ::-moz-selection { color: #000000; background: #40ECB8; } ::selection { color: #000000; background: #40ECB8; } /* ---------------------------------------------------------------------- */ /* elements */ /* ---------------------------------------------------------------------- */ a.btn { border-style: solid; border-width: 2px; box-sizing: border-box; display: table; margin: 2em 0; position: relative; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } a.btn.primary { background: #DFEEFE; border-color: #DFEEFE; color: #1665CE !important; } a.btn.primary.arrow .svg, a.btn.primary.email .svg, a.btn.primary.arrow-back .svg, a.btn.primary.phone .svg { stroke: #1665CE; } a.btn.primary.app .svg path, a.btn.primary.video .svg path { fill: #1665CE !important; } a.btn.primary:hover { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF !important; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } a.btn.primary:hover.arrow .svg, a.btn.primary:hover.email .svg, a.btn.primary:hover.arrow-back .svg, a.btn.primary:hover.phone .svg { stroke: #FFFFFF; } a.btn.primary:hover.app .svg path, a.btn.primary:hover.video .svg path { fill: #FFFFFF !important; } a.btn.secondary { background: #1665CE; border-color: #1665CE; color: #FFFFFF !important; } a.btn.secondary.arrow .svg, a.btn.secondary.email .svg, a.btn.secondary.arrow-back .svg, a.btn.secondary.phone .svg { stroke: #FFFFFF; } a.btn.secondary.app .svg path, a.btn.secondary.video .svg path { fill: #FFFFFF !important; } a.btn.secondary:hover { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF !important; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } a.btn.secondary:hover.arrow .svg, a.btn.secondary:hover.email .svg, a.btn.secondary:hover.arrow-back .svg, a.btn.secondary:hover.phone .svg { stroke: #FFFFFF; } a.btn.secondary:hover.app .svg path, a.btn.secondary:hover.video .svg path { fill: #FFFFFF !important; } a.btn.negative { background: #FFFFFF; border-color: #FFFFFF; color: #1665CE !important; } a.btn.negative.arrow .svg, a.btn.negative.email .svg, a.btn.negative.arrow-back .svg, a.btn.negative.phone .svg { stroke: #1665CE; } a.btn.negative.app .svg path, a.btn.negative.video .svg path { fill: #1665CE !important; } a.btn.negative:hover { background: #FFFFFF; border-color: #40ECB8; color: #40ECB8 !important; -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } a.btn.negative:hover.arrow .svg, a.btn.negative:hover.email .svg, a.btn.negative:hover.arrow-back .svg, a.btn.negative:hover.phone .svg { stroke: #40ECB8; } a.btn.negative:hover.app .svg path, a.btn.negative:hover.video .svg path { fill: #40ECB8 !important; } a.btn.turquoise-dark { background: #20765C; border-color: #20765C; color: #FFFFFF; } a.btn.turquoise-dark.arrow .svg, a.btn.turquoise-dark.email .svg, a.btn.turquoise-dark.arrow-back .svg { stroke: #FFFFFF; } a.btn.turquoise-dark.app .svg path, a.btn.turquoise-dark.video .svg path { fill: #FFFFFF !important; } a.btn.turquoise-dark:hover { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF !important; -webkit-box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } a.btn.turquoise-dark:hover.arrow .svg, a.btn.turquoise-dark:hover.email .svg, a.btn.turquoise-dark:hover.arrow-back .svg { stroke: #FFFFFF; } a.btn.turquoise-dark:hover.app .svg path, a.btn.turquoise-dark:hover.video .svg path { fill: #FFFFFF !important; } a.btn.turquoise-negative { background: #FFFFFF; border-color: #FFFFFF; color: #30B18A; } a.btn.turquoise-negative.arrow .svg, a.btn.turquoise-negative.email .svg, a.btn.turquoise-negative.arrow-back .svg { stroke: #30B18A; } a.btn.turquoise-negative.app .svg path, a.btn.turquoise-negative.video .svg path { fill: #30B18A !important; } a.btn.turquoise-negative:hover { background: #FFFFFF; border-color: #40ECB8; color: #40ECB8 !important; -webkit-box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(32, 118, 92, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } a.btn.turquoise-negative:hover.arrow .svg, a.btn.turquoise-negative:hover.email .svg, a.btn.turquoise-negative:hover.arrow-back .svg { stroke: #40ECB8; } a.btn.turquoise-negative:hover.app .svg path, a.btn.turquoise-negative:hover.video .svg path { fill: #40ECB8 !important; } a.btn.rose, a.btn.emergency { background: #AB3E5E; border-color: #AB3E5E; color: #FFFFFF; } a.btn.rose.secondary, a.btn.emergency.secondary { background: #C4788E; border-color: #C4788E; } a.btn.rose.arrow .svg, a.btn.rose.email .svg, a.btn.rose.arrow-back .svg, a.btn.rose.phone .svg, a.btn.emergency.arrow .svg, a.btn.emergency.email .svg, a.btn.emergency.arrow-back .svg, a.btn.emergency.phone .svg { stroke: #FFFFFF; } a.btn.rose.app .svg path, a.btn.rose.video .svg path, a.btn.emergency.app .svg path, a.btn.emergency.video .svg path { fill: #FFFFFF !important; } a.btn.rose:hover, a.btn.emergency:hover { background: #FFFFFF; border-color: #AB3E5E; color: #AB3E5E !important; -webkit-box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } a.btn.rose:hover.arrow .svg, a.btn.rose:hover.email .svg, a.btn.rose:hover.arrow-back .svg, a.btn.rose:hover.phone .svg, a.btn.emergency:hover.arrow .svg, a.btn.emergency:hover.email .svg, a.btn.emergency:hover.arrow-back .svg, a.btn.emergency:hover.phone .svg { stroke: #AB3E5E; } a.btn.rose:hover.app .svg path, a.btn.rose:hover.video .svg path, a.btn.emergency:hover.app .svg path, a.btn.emergency:hover.video .svg path { fill: #AB3E5E !important; } a.btn.partner-special { background: #5CA8F8; border-color: #5CA8F8; color: #FFFFFF; } a.btn.partner-special.arrow .svg, a.btn.partner-special.email .svg, a.btn.partner-special.arrow-back .svg, a.btn.partner-special.phone .svg { stroke: #FFFFFF; } a.btn.partner-special:hover { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF !important; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } a.btn.partner-special:hover.arrow .svg, a.btn.partner-special:hover.email .svg, a.btn.partner-special:hover.arrow-back .svg { stroke: #FFFFFF; } a.btn.partner-special:hover.app .svg path, a.btn.partner-special:hover.video .svg path { fill: #FFFFFF !important; } a.btn.black { background: #000000; border-color: #000000; color: #FFFFFF !important; } a.btn.black.arrow .svg, a.btn.black.email .svg, a.btn.black.arrow-back .svg, a.btn.black.phone .svg { stroke: #FFFFFF; } a.btn.black.app .svg path, a.btn.black.video .svg path { fill: #FFFFFF !important; } a.btn.black:hover { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF !important; -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } a.btn.black:hover.arrow .svg, a.btn.black:hover.email .svg, a.btn.black:hover.arrow-back .svg, a.btn.black:hover.phone .svg { stroke: #FFFFFF; } a.btn.black:hover.app .svg path, a.btn.black:hover.video .svg path { fill: #FFFFFF !important; } a.btn.big, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block a.btn.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block a.btn.question-explain, #experienced-doctors .experienced-doctor-container .experienced-doctor-text a.btn.experienced-doctor-testimonial, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text a.btn.happy-patient-testimonial { font-size: 0.885em; padding: 0.95em 1.8em; } a.btn.big.arrow .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block a.btn.arrow.question-explain .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block a.btn.arrow.question-explain .svg, #experienced-doctors .experienced-doctor-container .experienced-doctor-text a.btn.arrow.experienced-doctor-testimonial .svg, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text a.btn.arrow.happy-patient-testimonial .svg { width: 1.5em; } a.btn.big.email .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block a.btn.email.question-explain .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block a.btn.email.question-explain .svg, #experienced-doctors .experienced-doctor-container .experienced-doctor-text a.btn.email.experienced-doctor-testimonial .svg, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text a.btn.email.happy-patient-testimonial .svg { height: 1.1em; width: 1.3em; } a.btn.big.phone .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block a.btn.phone.question-explain .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block a.btn.phone.question-explain .svg, #experienced-doctors .experienced-doctor-container .experienced-doctor-text a.btn.phone.experienced-doctor-testimonial .svg, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text a.btn.phone.happy-patient-testimonial .svg { height: 1.25em; width: 1.25em; } a.btn.small, section.media-container .media-row .media-column .media-container .media-content a.btn.media-date { font-size: 0.765em; padding: 0.8em 1.8em; } a.btn.small.arrow .svg, section.media-container .media-row .media-column .media-container .media-content a.btn.arrow.media-date .svg, a.btn.small.arrow-back .svg, section.media-container .media-row .media-column .media-container .media-content a.btn.arrow-back.media-date .svg { width: 1.25em; } a.btn.small.email .svg, section.media-container .media-row .media-column .media-container .media-content a.btn.email.media-date .svg { width: 1.2em; } a.btn.arrow .svg { display: inline-block; margin: 0 0.867em 0 0; overflow: inherit; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } a.btn.arrow:hover .svg { margin: 0 0.667em 0 0.2em; } a.btn.arrow-back .svg { display: inline-block; margin: 0 0.667em 0 0.2em; overflow: inherit; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } a.btn.arrow-back:hover .svg { margin: 0 0.867em 0 0; } a.btn.email .svg { display: inline-block; margin: 0 0.867em 0 0; overflow: inherit; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } a.btn.phone .svg { display: inline-block; margin: 0 0.867em 0 0; overflow: inherit; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } a.btn.video .svg { display: inline-block; margin: -1px 0.867em 0 0; overflow: inherit; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 1.4em; vertical-align: middle; } a.btn.video .svg path { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } a.btn.app .svg { display: inline-block; margin: -2px 0.867em 0 0; overflow: inherit; stroke: none; width: 1.1em; vertical-align: middle; } a.btn.app .svg path { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } a.btn.app .svg.apple { margin-top: -4px; } a.btn.center { margin-left: auto; margin-right: auto; } a.btn.block { display: block; text-align: center; } a.btn.active { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } a.btn.inactive, a.btn.disabled { background: #CDD4D1 !important; border-color: #CDD4D1 !important; color: #FFFFFF !important; cursor: not-allowed; pointer-events: inherit; } a.btn.inactive.arrow .svg, a.btn.disabled.arrow .svg { stroke: #FFFFFF !important; } a.btn.inactive:hover, a.btn.disabled:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } a.btn.inactive:hover.arrow .svg, a.btn.disabled:hover.arrow .svg { margin: 0 0.867em 0 0; } a.btn:last-of-type { margin-bottom: 0; } a.btn.ans-yes.active { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF; } a.btn.ans-no:hover { border-color: #E96875; color: #E96875; } a.btn.ans-no.active { background: #E96875; border-color: #E96875; color: #FFFFFF; } a.btn.margin-bottom { margin-bottom: 1.5em; } a.link-arrow { padding: 0.25em 0; } a.link-arrow .svg { display: block; margin: 0 0.867em 0 0; overflow: inherit; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 1.25em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } a.link-arrow.white { color: #FFFFFF; } a.link-arrow.white .svg { stroke: #FFFFFF; } a.link-arrow.white:hover { color: #40ECB8; } a.link-arrow.white:hover .svg { margin: 0 0.667em 0 0.2em; stroke: #40ECB8; } .btn-group a.btn { margin: 1.5em 0; } .btn-group a.btn:first-of-type { margin-top: 1.5em; } .btn-group a.btn:last-of-type { margin-bottom: 0; } .btn-group.inline a.btn { display: inline-block; margin: 0 0.75em 1.25em 0.75em; } .btn-group.inline a.btn:first-of-type { margin-top: 0; margin-left: 0; } .btn-group.inline a.btn:last-of-type { margin-bottom: 0; margin-right: 0; } .btn-group.margin-top { margin-top: 1.5em; } .btn-group.margin-bottom { margin-bottom: 3em; } ul.checkmark li { color: #258BF5; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.765em; line-height: 1.335em; margin: 1.5em 0; position: relative; } ul.checkmark li:before { background-color: #40ECB8; background-image: url(../content/icons/checkmark-ul.svg); background-position: center; background-repeat: no-repeat; background-size: 1.2em; content: ""; display: block; height: 1.833em; width: 1.833em; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; position: absolute; top: -0.3em; left: -2.5em; } ul.checkmark li:first-of-type { margin-top: 0; } ul.checkmark li:last-of-type { margin-bottom: 0; } ul.checkmark.telemed-advantages { margin-top: 2em; } ul.checkmark.telemed-advantages li { color: #FFFFFF; font-family: "Gilroy-Bold", sans-serif; font-size: 1.177em; line-height: 1.35em; margin: 0.5em; } ul.advantages li { color: #258BF5; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.177em; line-height: 1.35em; margin: 0.5em 0; padding: 0 0 0 2em; position: relative; } ul.advantages li:before { background-color: #40ECB8; content: ""; display: block; height: 1em; width: 1em; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; position: absolute; top: 4px; left: 0; } ul.link-list { margin-top: 1em; } ul.link-list li a { padding: 0.25em 0; } ul.link-list li a .svg { margin: 0.3em 0.867em 0 0; overflow: inherit; stroke: #1665CE; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; width: 1.25em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } ul.link-list li a:hover .svg { margin: 0.3em 0.667em 0 0.2em; stroke: #40ECB8; } input { border: none; border-bottom: 2px solid #CDD4D1; color: #000000; display: block; margin: 1em 0; padding: 0.5em 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } input:hover, input:focus { border-color: #40ECB8; } .dropdown-group { display: block; position: relative; } .dropdown-group .dropdown-toggle { background: #FFFFFF; border: none; border-bottom: 2px solid #CDD4D1; box-sizing: border-box; color: #000000; cursor: pointer; display: block; margin: 1em 0; padding: 0.5em 0; text-align: left; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .dropdown-group .dropdown-toggle a { color: #000000; font-family: "Gilroy-Regular", sans-serif; text-decoration: none; } .dropdown-group .dropdown-toggle:hover, .dropdown-group .dropdown-toggle:focus { border-color: #40ECB8; } .dropdown-group .dropdown-toggle .svg { float: right; height: 1em; margin: 0.25em 0 0 auto; overflow: inherit; width: 1.5em; stroke: #000000; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .dropdown-group ul.dropdown-menu { background: rgba(255, 255, 255, 0.95); border: none; display: block; float: none; font-size: 1em; max-height: 200px; min-width: 200px; overflow-y: scroll; overflow-x: hidden; padding: 0; text-align: left; transform: translateY(-1em); visibility: hidden; width: 100%; z-index: 10; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); opacity: 0; filter: alpha(opacity=0); position: absolute; top: 2.3em; left: 0; -webkit-transition: all 133.3333333333ms linear; -moz-transition: all 133.3333333333ms linear; -ms-transition: all 133.3333333333ms linear; -o-transition: all 133.3333333333ms linear; transition: all 133.3333333333ms linear; } .dropdown-group ul.dropdown-menu li { display: block; } .dropdown-group ul.dropdown-menu li a { color: #000000; display: block; font-family: "Gilroy-Regular", sans-serif; font-size: 1em; line-height: inherit; padding: 0.85em 1em; position: relative; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .dropdown-group ul.dropdown-menu li a:before { background: rgba(64, 236, 184, 0); content: ""; display: block; height: 2px; width: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: absolute; top: 24px; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .dropdown-group ul.dropdown-menu li a:hover { background: #F2F4F3; } .dropdown-group ul.dropdown-menu li a:hover:before { background: #40ECB8; height: 26px; top: 12px; } .dropdown-group.open .dropdown-toggle { border-color: #40ECB8; } .dropdown-group.open .dropdown-toggle .svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .dropdown-group.open ul.dropdown-menu { transform: translateY(0); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .dropdown-group.disabled .dropdown-toggle { border-color: #F2F4F3 !important; cursor: not-allowed; } .dropdown-group.disabled .dropdown-toggle a { color: #CDD4D1 !important; } .dropdown-group.disabled .dropdown-toggle .svg { stroke: #CDD4D1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .dropdown-group.disabled ul.dropdown-menu { display: none !important; } .dropdown-group.time-selector { margin-bottom: 3em; } .calendar-date { border: 2px solid #CDD4D1; margin: 1em 0 0 0; overflow: hidden; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } .calendar-date:hover { border-color: #40ECB8; } .calendar-date table { border-collapse: collapse; width: 100%; } .calendar-date table thead tr th button { border: none; background: none !important; box-shadow: none !important; font-size: 1em; line-height: 1; margin-top: 0.5em; outline: none !important; padding: 0.5em 0.75em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .calendar-date table thead tr th button[disabled] { color: #258BF5; opacity: 1; filter: alpha(opacity=100); } .calendar-date table thead tr th button i { color: #258BF5; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .calendar-date table thead tr th button i:hover { color: #40ECB8; } .calendar-date table thead tr th.text-center small { color: #000000; display: block; font-family: "Gilroy-Regular", sans-serif; font-size: 1em; font-weight: normal; padding: 0.5em 0.75em; } .calendar-date table tbody tr td button { border: none; background: none !important; box-shadow: none !important; font-size: 1em; line-height: inherit; outline: none !important; padding: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .calendar-date table tbody tr td button span { background: #FFFFFF; color: #000000; display: inline-block; line-height: 1; padding: 0.5em 0.75em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .calendar-date table tbody tr td button:hover span { color: #40ECB8; } .calendar-date table tbody tr td button.btn-info span { background: #40ECB8; color: #FFFFFF !important; font-family: "Gilroy-Bold", sans-serif; } .calendar-date table tbody tr td button[disabled], .calendar-date table tbody tr td button .text-muted { color: #CDD4D1; opacity: 1; filter: alpha(opacity=100); } .calendar-date table tbody tr td button[disabled] span, .calendar-date table tbody tr td button .text-muted span { color: #CDD4D1; opacity: 1; filter: alpha(opacity=100); } /* ---------------------------------------------------------------------- */ /* layout */ /* ---------------------------------------------------------------------- */ .header-container { padding: 0; z-index: 100; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; transition: background-color 200ms linear; position: absolute; top: 0; right: 0; left: 0; } .header-container .row { margin-top: 0; margin-bottom: 0; } .header-container .row.main-navigation-container { padding-bottom: 0.5em; } .header-container .burger-container { display: none; } .header-container .burger-container a.btn-burger .svg { display: inline-block; margin: 0; max-width: 1.25em; min-width: 1.25em; overflow: inherit; width: 1.25em; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: text-bottom; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .logo-container { margin-top: 1.5em; margin-bottom: 0.5em; } .header-container .logo-container .svg { display: block; min-width: 170px; stroke: none; } .header-container .logo-container .svg path { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .nav-container ul li { display: inline-block; } .header-container .nav-container ul li a { display: block; font-size: 1.1em; padding: 1em 0.5em; } .header-container .nav-container ul li:last-of-type a { padding-right: 0 !important; } .header-container .nav-container .primary a { text-decoration: none; } .header-container .nav-container .primary a .svg { display: inline-block; height: 0.5em; margin: 0 0 0 0.3em; overflow: inherit; width: 0.5em; vertical-align: middle; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .nav-container .primary a .svg path { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .nav-container .primary ul li.active a { color: #40ECB8; } .header-container .nav-container .primary ul li.active a .svg path { fill: #40ECB8 !important; } .header-container .nav-container .primary ul li.show a .svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header-container .nav-container .primary ul li:first-of-type a { padding-left: 0; } .header-container .nav-container .primary ul li:last-of-type a { background: #40ECB8; border: 2px solid #40ECB8; color: #FFFFFF; font-size: 1em; padding: 0.6em 1.8em !important; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .header-container .nav-container .primary ul li:last-of-type a:hover { background: #FFFFFF; border-color: #40ECB8; color: #40ECB8; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } .header-container .nav-container .primary ul li.dropdown { position: relative; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu { background: rgba(255, 255, 255, 0.9); border: none; box-sizing: border-box; display: block; float: none; font-size: inherit; min-width: 200px; padding: 0; text-align: left; transform: translateY(-1em); visibility: hidden; z-index: 10; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); opacity: 0; filter: alpha(opacity=0); position: absolute; top: 3.45em; left: 0; -webkit-transition: all 133.3333333333ms linear; -moz-transition: all 133.3333333333ms linear; -ms-transition: all 133.3333333333ms linear; -o-transition: all 133.3333333333ms linear; transition: all 133.3333333333ms linear; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu li { display: block; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu li a { border: none; color: #000000; font-family: "Gilroy-Regular", sans-serif; font-size: 17px; line-height: inherit; padding: 0.85em 1em !important; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu li a:before { background: rgba(64, 236, 184, 0); content: ""; display: block; height: 0; width: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: absolute; top: 50%; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu li a:hover { background: #F2F4F3 !important; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu li a:hover:before { background: #40ECB8; height: 50%; top: 25%; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu li.active a { background-color: transparent; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu li.active a:before { background: #40ECB8; height: 50%; top: 25%; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu li:last-of-type a { background: inherit; color: #000000; } .header-container .nav-container .primary ul li.dropdown ul.dropdown-menu li:last-of-type a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .header-container .nav-container .primary ul li.dropdown.show { display: inline-block !important; } .header-container .nav-container .primary ul li.dropdown.show ul.dropdown-menu { transform: translateY(0); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .header-container .nav-container .primary ul li.dropdown:last-of-type ul.dropdown-menu { left: auto; right: -1em; } .header-container .nav-container .secondary { font-size: 0.8em; line-height: 1.3em; } .header-container .nav-container .secondary .search-container { display: none; margin-right: 2em; width: 250px; } .header-container .nav-container .secondary .search-container .bstrap30 .row { margin: 0; padding: 0; } .header-container .nav-container .secondary .search-container .bstrap30 .row .col-md-12 { padding: 0; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead { height: 30px; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box { background: none transparent !important; border: none; border-bottom-width: 1px; border-bottom-style: solid; color: #000000; font-family: "Gilroy-SemiBold", sans-serif; font-size: 14px; height: 30px; margin: 0 0 0 50%; padding: 0 2.5em 0 0.25em; width: 50%; -webkit-transition: all 133.3333333333ms linear; -moz-transition: all 133.3333333333ms linear; -ms-transition: all 133.3333333333ms linear; -o-transition: all 133.3333333333ms linear; transition: all 133.3333333333ms linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box.placeholder { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:-moz-placeholder { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box::-moz-placeholder { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:-ms-input-placeholder { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box::-webkit-input-placeholder { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box.tt-hint { display: none !important; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover, .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus { border-color: #40ECB8; color: #000000; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover.placeholder, .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus.placeholder { color: #000000; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover:-moz-placeholder, .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus:-moz-placeholder { color: #000000; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover::-moz-placeholder, .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus::-moz-placeholder { color: #000000; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover:-ms-input-placeholder, .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus:-ms-input-placeholder { color: #000000; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover::-webkit-input-placeholder, .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus::-webkit-input-placeholder { color: #000000; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus { margin: 0; width: 100%; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead .tt-menu { background: #FFFFFF; border: none; margin-top: 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead .tt-menu .tt-suggestion { color: #258BF5; font-size: 14px; padding: 0.5em 1em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead .tt-menu .tt-suggestion .tt-highlight { font-weight: normal; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead .tt-menu .tt-suggestion:hover, .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead .tt-menu .tt-suggestion.tt-cursor { background: #40ECB8; color: #FFFFFF; cursor: pointer; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .input-group-btn { width: auto; z-index: 50; position: absolute; top: 0; right: 0; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn { background: none transparent !important; border: none; font-size: 16px; padding: 3px 5px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn:hover { color: #40ECB8 !important; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn:focus { outline: 0; } .header-container .nav-container .secondary .search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn .glyphicon-search { top: 4px; } .header-container .nav-container .secondary .global-url a { font-size: 1.1em; line-height: 1.3em; padding: 0; } .header-container .nav-container .secondary .global-url a .svg { margin: -1px 0.5em 0 0; overflow: inherit; height: 1.1em; width: 1.1em; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .nav-container .secondary ul li a { padding: 0.8em !important; } .header-container .nav-container .secondary ul li:last-of-type a { padding: 0.8em !important; } .header-container .nav-container .secondary ul.language-container { margin: 0 -0.8em 0 1em; } .header-container .nav-container .secondary ul.language-container ul li a { font-size: 1em; } .header-container .nav-container .secondary ul.language-container .dropdown { position: relative; } .header-container .nav-container .secondary ul.language-container .dropdown a .svg { display: inline-block; height: 0.7em; margin: 0 0 0 0.5em; overflow: inherit; width: 0.7em; vertical-align: middle; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .nav-container .secondary ul.language-container .dropdown a .svg path { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .nav-container .secondary ul.language-container .dropdown a:hover .svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header-container .nav-container .secondary ul.language-container .dropdown ul.dropdown-menu { background: rgba(255, 255, 255, 0.9); border: none; box-sizing: border-box; display: block; float: none; font-size: inherit; min-width: auto; padding: 0; text-align: center; transform: translateY(-1em); visibility: hidden; z-index: 10; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.15); opacity: 0; filter: alpha(opacity=0); position: absolute; top: 2.5em; left: 0; -webkit-transition: all 133.3333333333ms linear; -moz-transition: all 133.3333333333ms linear; -ms-transition: all 133.3333333333ms linear; -o-transition: all 133.3333333333ms linear; transition: all 133.3333333333ms linear; } .header-container .nav-container .secondary ul.language-container .dropdown ul.dropdown-menu li { display: block; } .header-container .nav-container .secondary ul.language-container .dropdown ul.dropdown-menu li a { color: #000000; font-family: "Gilroy-Regular", sans-serif; font-size: 1.1em; line-height: inherit; padding: 0.85em 1em !important; position: relative; } .header-container .nav-container .secondary ul.language-container .dropdown ul.dropdown-menu li a:before { background: rgba(64, 236, 184, 0); content: ""; display: block; height: 0; width: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: absolute; top: 50%; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .header-container .nav-container .secondary ul.language-container .dropdown ul.dropdown-menu li a:hover { background: #F2F4F3 !important; } .header-container .nav-container .secondary ul.language-container .dropdown ul.dropdown-menu li a:hover:before { background: #40ECB8; height: 50%; top: 25%; } .header-container .nav-container .secondary ul.language-container .dropdown ul.dropdown-menu li.active a { background-color: transparent; } .header-container .nav-container .secondary ul.language-container .dropdown ul.dropdown-menu li.active a:before { background: #40ECB8; height: 50%; top: 25%; } .header-container .nav-container .secondary ul.language-container .dropdown.show { display: inline-block !important; } .header-container .nav-container .secondary ul.language-container .dropdown.show a .svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header-container .nav-container .secondary ul.language-container .dropdown.show ul.dropdown-menu { transform: translateY(0); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .header-container .nav-container .secondary ul.nav-help-group lh { display: none; } .header-container .nav-container .secondary ul.nav-help-group .nav-secondary-emergency { background: #E96875; color: #FFFFFF; font-family: "Gilroy-Bold", sans-serif; margin-left: 0.5em; padding: 0.8em 1em !important; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; } .header-container .nav-container .secondary ul.nav-help-group .nav-secondary-emergency:hover { background: #AB3E5E; } .header-container .nav-container .secondary a { text-decoration: none; } .header-container .nav-container .headerBtns-container .treatment-start, .header-container .nav-container .headerBtns-container .treatment-book, .header-container .nav-container .headerBtns-container .prescription { background: #40ECB8; border: 2px solid #40ECB8; color: #FFFFFF; display: none; font-size: 0.885em; padding: 0.6em 1.5em; margin: 0 2em 0 0; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .header-container .nav-container .headerBtns-container .treatment-start:hover, .header-container .nav-container .headerBtns-container .treatment-book:hover, .header-container .nav-container .headerBtns-container .prescription:hover { background: #FFFFFF; border-color: #40ECB8; color: #40ECB8; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } .header-container.blue { background-color: rgba(255, 255, 255, 0); } .header-container.blue.shadow, .header-container.blue:hover { background-color: rgba(255, 255, 255, 0.9); } .header-container.blue .burger-container a.btn-burger .svg { stroke: #258BF5; } .header-container.blue .burger-container a.btn-burger:hover .svg { stroke: #40ECB8; } .header-container.blue .logo-container .svg path { fill: #258BF5 !important; } .header-container.blue .logo-container:hover .svg path { fill: #1665CE !important; } .header-container.blue .nav-container a { color: #258BF5; } .header-container.blue .nav-container a:hover { color: #40ECB8; } .header-container.blue .nav-container .primary a .svg path { fill: #258BF5 !important; } .header-container.blue .nav-container .primary a:hover .svg path { fill: #40ECB8 !important; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box { border-bottom-color: #258BF5; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box.placeholder { color: #258BF5; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:-moz-placeholder { color: #258BF5; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box::-moz-placeholder { color: #258BF5; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:-ms-input-placeholder { color: #258BF5; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box::-webkit-input-placeholder { color: #258BF5; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover, .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus { color: #000000; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover.placeholder, .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus.placeholder { color: #000000; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover:-moz-placeholder, .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus:-moz-placeholder { color: #000000; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover::-moz-placeholder, .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus::-moz-placeholder { color: #000000; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover:-ms-input-placeholder, .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus:-ms-input-placeholder { color: #000000; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover::-webkit-input-placeholder, .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus::-webkit-input-placeholder { color: #000000; } .header-container.blue .nav-container .secondary .search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn { color: #258BF5; } .header-container.blue .nav-container .secondary ul.language-container .dropdown a .svg path { fill: #258BF5 !important; } .header-container.blue .nav-container .secondary ul.language-container .dropdown a:hover .svg path { fill: #40ECB8 !important; } .header-container.blue .nav-container .secondary .global-url a .svg { stroke: #258BF5; } .header-container.blue .nav-container .secondary .global-url a:hover .svg { stroke: #40ECB8; } .header-container.white { background-color: rgba(37, 139, 245, 0); } .header-container.white.shadow, .header-container.white:hover { background-color: rgba(37, 139, 245, 0.9); } .header-container.white .burger-container a.btn-burger .svg { stroke: #FFFFFF; } .header-container.white .burger-container a.btn-burger:hover .svg { stroke: #40ECB8; } .header-container.white .logo-container .svg path { fill: #FFFFFF !important; } .header-container.white .logo-container:hover .svg path { fill: #CDD4D1 !important; } .header-container.white .nav-container a { color: #FFFFFF; } .header-container.white .nav-container a:hover { color: #40ECB8; } .header-container.white .nav-container .primary a .svg path { fill: #FFFFFF !important; } .header-container.white .nav-container .primary a:hover .svg path { fill: #40ECB8 !important; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box { border-bottom-color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box.placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:-moz-placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box::-moz-placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:-ms-input-placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box::-webkit-input-placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover, .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover.placeholder, .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus.placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover:-moz-placeholder, .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus:-moz-placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover::-moz-placeholder, .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus::-moz-placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover:-ms-input-placeholder, .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus:-ms-input-placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:hover::-webkit-input-placeholder, .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:focus::-webkit-input-placeholder { color: #FFFFFF; } .header-container.white .nav-container .secondary .search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn { color: #FFFFFF; } .header-container.white .nav-container .secondary ul.language-container .dropdown a .svg path { fill: #FFFFFF !important; } .header-container.white .nav-container .secondary ul.language-container .dropdown a:hover .svg path { fill: #40ECB8 !important; } .header-container.white .nav-container .secondary .global-url a .svg { stroke: #FFFFFF; } .header-container.white .nav-container .secondary .global-url a:hover .svg { stroke: #40ECB8; } .footer-container { background: #1665CE; color: #FFFFFF; margin: 3em 0 0 0; padding: 3em 0 1em 0; } .footer-container .logo-container img { min-width: 170px; } .footer-container ul lh { display: block; font-family: "Gilroy-Bold", sans-serif; font-size: 1.177em; margin-bottom: 0.25em; padding: 0.4em 0; } .footer-container ul li a { color: #FFFFFF; display: block; font-family: "Gilroy-Regular", sans-serif; padding: 0.4em 0; text-decoration: none; } .footer-container ul li a:hover { color: #40ECB8; } .footer-container ul.doctor-linklist, .footer-container ul.aboutus-linklist, .footer-container ul.socialmedia-linklist { margin-top: 2em; } .footer-container ul.socialmedia-linklist lh { font-family: "Gilroy-Bold", sans-serif; font-size: 1.177em; margin-bottom: 0.25em; padding: 0.4em 0; } .footer-container ul.socialmedia-linklist li { display: inline-block; margin: 0 1em 0 0; } .footer-container ul.socialmedia-linklist li a .svg { display: block; overflow: inherit; stroke: none; } .footer-container ul.socialmedia-linklist li a .svg path { fill: #FFFFFF !important; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .footer-container ul.socialmedia-linklist li a .svg.facebook { height: 1.3em; width: 0.8em; } .footer-container ul.socialmedia-linklist li a .svg.youtube { height: 1.2em; width: 1.4em; } .footer-container ul.socialmedia-linklist li a .svg.linkedin { height: 1.2em; width: 1.2em; } .footer-container ul.socialmedia-linklist li a .svg.xing { height: 1.4em; width: 1.2em; } .footer-container ul.socialmedia-linklist li a .svg.blog { height: 1.4em; width: 1.4em; } .footer-container ul.socialmedia-linklist li a .svg.newsletter { height: 1.5em; width: 1.5em; } .footer-container ul.socialmedia-linklist li a:hover .svg path { fill: #40ECB8 !important; } .footer-container ul.socialmedia-linklist li:nth-child(5), .footer-container ul.socialmedia-linklist li:nth-child(6) { display: block; margin: 0; } .footer-container ul.socialmedia-linklist li:nth-child(5) a, .footer-container ul.socialmedia-linklist li:nth-child(6) a { padding: 0.2em 0; } .footer-container ul.socialmedia-linklist li:nth-child(5) a span, .footer-container ul.socialmedia-linklist li:nth-child(6) a span { display: inline-block; font-family: "Gilroy-Bold", sans-serif; } .footer-container ul.socialmedia-linklist li:nth-child(5) a .svg, .footer-container ul.socialmedia-linklist li:nth-child(6) a .svg { display: inline-block; padding: 0 0 0.1em 0; vertical-align: baseline; } .footer-container .open-tel-container { margin-top: 1em; } .footer-container .open-tel-container .title { display: block; font-family: "Gilroy-SemiBold", sans-serif; padding: 0.25em 0; } .footer-container .open-tel-container .tel, .footer-container .open-tel-container .open { display: block; padding: 0.4em 0; position: relative; } .footer-container .open-tel-container .tel .svg, .footer-container .open-tel-container .open .svg { display: block; overflow: inherit; width: 0.9em; stroke-width: 2; stroke-linecap: round; stroke: #FFFFFF; stroke-linejoin: round; position: absolute; top: 0.5em; left: -1.75em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .footer-container .open-tel-container .tel:hover .svg, .footer-container .open-tel-container .open:hover .svg { stroke: #40ECB8; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .footer-container .open-tel-container .open span { white-space: nowrap; } .footer-container .open-tel-container a[href^=tel] { color: #FFFFFF; font-family: "Gilroy-Regular", sans-serif; text-decoration: none; } .footer-container .service-content { display: block; float: left; } .footer-container .service-content a { color: #FFFFFF; display: inline-block; font-family: "Gilroy-Regular", sans-serif; margin: 0 2em 0 0; padding: 0.4em 0; text-decoration: none; } .footer-container .service-content a:hover { color: #40ECB8; } .footer-container .service-content a:last-of-type { margin-right: 0; } .footer-container .copyright { display: block; float: none; margin: 0; padding: 0.4em 0; } .footer-container .column-medgateApp h5, .footer-container .column-medgateApp .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .footer-container .column-medgateApp .title, .footer-container .column-medgateApp .lexicon-content h3, .lexicon-content .footer-container .column-medgateApp h3, .footer-container .column-medgateApp #lexicon-list .lexicon-alphabet, #lexicon-list .footer-container .column-medgateApp .lexicon-alphabet, .footer-container .column-medgateApp .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .footer-container .column-medgateApp h2.media-introduction, .footer-container .column-medgateApp section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .footer-container .column-medgateApp h2 { margin-top: 0.3em; } .footer-container .column-medgateApp .btn-group { margin-top: 1.25em; } .footer-container .column-medgateApp .btn-group a.btn.black.app { background: #40ECB8; border-color: #40ECB8; margin: 0.75em 0; } .footer-container .column-medgateApp .btn-group a.btn.black.app:hover { background: #FFFFFF; border-color: #40ECB8; color: #40ECB8 !important; } .footer-container .column-medgateApp .btn-group a.btn.black.app:hover .svg path { fill: #40ECB8 !important; } .footer-container .row:last-of-type { margin-top: 3em; } .mainimg-container { height: 780px; margin-bottom: 3em; padding: 0; position: relative; } .mainimg-container .claim-container { height: 700px; transform-style: preserve-3d; z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mainimg-container .claim-container .claim, .mainimg-container .claim-container .claim-center { transform: translateY(-50%); position: absolute; top: 55%; } .mainimg-container .claim-container .claim h1, .mainimg-container .claim-container .claim-center h1 { margin-bottom: 0.25em; } .mainimg-container .claim-container .claim h2, .mainimg-container .claim-container .claim h4, .mainimg-container .claim-container .claim #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .mainimg-container .claim-container .claim h3, .mainimg-container .claim-container .claim .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .mainimg-container .claim-container .claim h3, .mainimg-container .claim-container .claim .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .mainimg-container .claim-container .claim a, .mainimg-container .claim-container .claim section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .mainimg-container .claim-container .claim h2, .mainimg-container .claim-container .claim-center h2, .mainimg-container .claim-container .claim-center h4, .mainimg-container .claim-container .claim-center #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .mainimg-container .claim-container .claim-center h3, .mainimg-container .claim-container .claim-center .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .mainimg-container .claim-container .claim-center h3, .mainimg-container .claim-container .claim-center .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .mainimg-container .claim-container .claim-center a, .mainimg-container .claim-container .claim-center section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .mainimg-container .claim-container .claim-center h2 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.177em; line-height: 1.35em; } .mainimg-container .claim-container .claim .btn, .mainimg-container .claim-container .claim-center .btn { margin-top: 1.5em; } .mainimg-container .claim-container .claim .btn-group, .mainimg-container .claim-container .claim-center .btn-group { margin-top: 1.5em; } .mainimg-container .claim-container .claim .btn-group .btn, .mainimg-container .claim-container .claim-center .btn-group .btn { margin-bottom: 1.5em !important; } .mainimg-container .claim-container .claim .btn-group .btn:last-of-type, .mainimg-container .claim-container .claim-center .btn-group .btn:last-of-type { margin: 0 !important; } .mainimg-container .claim-container .claim-center .row .claim-teaser { background: #FFFFFF; padding: 1em; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } .mainimg-container .mainimg-image { height: 700px; } .mainimg-container .mainimg-image figure { height: 700px; margin: 0; position: relative; width: 100%; /*&:before { display: block; content: ""; z-index: 2; @include position(absolute, 0 25% 0 0); @include linear-gradient(90deg, rgba($white, 1) 0%, rgba($white, 0) 100%); @include transition(all $transition-speed*2 ease-in-out); @include opacity(0.8); }*/ } .mainimg-container .mainimg-image figure .focuspoint { position: relative; z-index: 1; } .mainimg-container .mainimg-bar { height: 80px; } .mainimg-container .mainimg-bar .row { margin-top: 0; margin-bottom: 0; } .mainimg-container .mainimg-bar .row a { display: block; } .mainimg-container .mainimg-bar .row a .svg { display: inline-block; overflow: inherit; padding: 1.95em 0; width: 2em; stroke-width: 1.5; stroke-linecap: round; stroke: #40ECB8; stroke-linejoin: round; vertical-align: text-bottom; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .mainimg-container .mainimg-bar .row a:hover .svg { padding: 2.3em 0 1.7em 0; } .mainimg-container .mainimg-bar .row ul.breadcrumbs { font-size: 0.885em; text-align: right; } .mainimg-container .mainimg-bar .row ul.breadcrumbs li { display: inline-block; line-height: 80px; } .mainimg-container .mainimg-bar .row ul.breadcrumbs li a { font-family: "Gilroy-Regular", sans-serif; margin: 0 0.25em; } .mainimg-container .mainimg-bar .row ul.breadcrumbs li a:hover { color: #40ECB8 !important; } .mainimg-container .mainimg-bar .row ul.breadcrumbs li.active a { color: #40ECB8 !important; font-family: "Gilroy-Bold", sans-serif; } .mainimg-container .slider-container { background: #258BF5; width: 100%; } .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content { width: 56.33333%; } .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image { height: 700px; } .mainimg-container .slider-container .rsNav.rsTabs { float: none; height: 80px; width: 96%; max-width: 1200px; margin: 0 auto; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab { box-sizing: border-box; cursor: pointer; height: 76px; padding: 0 0.5em; position: relative; width: 100%; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -ms-transition: background 200ms linear; -o-transition: background 200ms linear; transition: background 200ms linear; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab:after { background: #258BF5; content: ""; display: block; height: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: absolute; right: 30%; bottom: -4px; left: 30%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab .slider-tab { display: block; text-align: center; width: 100%; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab .slider-tab .tab-content { color: rgba(255, 255, 255, 0.75); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab .slider-tab .tab-content .tab-title { font-family: "Gilroy-SemiBold", sans-serif; font-size: 0.885em; line-height: 1.3em; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab:hover { color: #FFFFFF; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab:hover .slider-tab .tab-content { color: #FFFFFF; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab.rsNavSelected:after { background: #40ECB8; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab.rsNavSelected .slider-tab .tab-content { color: #40ECB8; } .mainimg-container.blue .mainimg-bar { background: #258BF5; } .mainimg-container.blue .mainimg-bar .row a:hover .svg { stroke: #FFFFFF; } .mainimg-container.blue .mainimg-bar .row ul.breadcrumbs { color: #FFFFFF; } .mainimg-container.blue .mainimg-bar .row ul.breadcrumbs li a { color: #FFFFFF; } .mainimg-container.white h1, .mainimg-container.white h2, .mainimg-container.white h3, .mainimg-container.white h4, .mainimg-container.white #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .mainimg-container.white h3, .mainimg-container.white .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .mainimg-container.white h3, .mainimg-container.white .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .mainimg-container.white a, .mainimg-container.white section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .mainimg-container.white h2, .mainimg-container.white h5, .mainimg-container.white .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .mainimg-container.white .title, .mainimg-container.white .lexicon-content h3, .lexicon-content .mainimg-container.white h3, .mainimg-container.white #lexicon-list .lexicon-alphabet, #lexicon-list .mainimg-container.white .lexicon-alphabet, .mainimg-container.white .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .mainimg-container.white h2.media-introduction, .mainimg-container.white section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .mainimg-container.white h2 { color: #FFFFFF; } .mainimg-container.white .mainimg-bar { background: #FFFFFF; } .mainimg-container.white .mainimg-bar .row a:hover .svg { stroke: #258BF5; } .mainimg-container.white .mainimg-bar .row ul.breadcrumbs { color: #258BF5; } .mainimg-container.white .mainimg-bar .row ul.breadcrumbs li a { color: #258BF5; } .mainimg-container.medgate-app { background-image: url(../content/backgrounds/app-background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .mainimg-container.medgate-app .row { margin-top: 0; margin-bottom: 0; } .mainimg-container.medgate-app .phone-holder figure { height: 700px; position: relative; } .mainimg-container.medgate-app .phone-holder figure img { max-height: 675px; z-index: 1; position: absolute; right: 0; bottom: -80px; } .mainimg-container.medgate-app .phone-holder figure .video-animation { max-height: 675px; width: 100%; z-index: 1; position: absolute; right: 0; bottom: -80px; } .mainimg-container.blue-bg .mainimg-image figure:before, .mainimg-container.parallax-container:nth-child(odd) .mainimg-image figure:before, .mainimg-container.medgate-app .mainimg-image figure:before { display: none; } .mainimg-container.no-margin { margin-bottom: 0; } .mainimg-container:hover .mainimg-image figure:before { right: 0%; opacity: 1; filter: alpha(opacity=100); } /* ---------------------------------------------------------------------- */ /* design modules */ /* ---------------------------------------------------------------------- */ section.white-bg, .box-container.white-bg, .boxes-container.white-bg, .parallax-container.white-bg, .parallax-container:nth-child(even) { background-color: #FFFFFF; } section.blue-bg, .box-container.blue-bg, .boxes-container.blue-bg, .parallax-container.blue-bg, .parallax-container:nth-child(odd) { background-color: #258BF5; color: #FFFFFF; } section.blue-bg h1, section.parallax-container:nth-child(odd) h1, section.blue-bg h2, section.parallax-container:nth-child(odd) h2, section.blue-bg h3, section.parallax-container:nth-child(odd) h3, section.blue-bg h4, section.parallax-container:nth-child(odd) h4, section.blue-bg #function-steps .vertical-steps-container .step-container h3, section.parallax-container:nth-child(odd) #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container section.blue-bg h3, #function-steps .vertical-steps-container .step-container section.parallax-container:nth-child(odd) h3, section.blue-bg .location-container .address-container .address-title-container h3, section.parallax-container:nth-child(odd) .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container section.blue-bg h3, .location-container .address-container .address-title-container section.parallax-container:nth-child(odd) h3, section.blue-bg .location-container .address-container .address-title-container .address-title a, section.parallax-container:nth-child(odd) .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title section.blue-bg a, .location-container .address-container .address-title-container .address-title section.parallax-container:nth-child(odd) a, section.blue-bg section.media-container .box-container .box-content h2, section.parallax-container:nth-child(odd) section.media-container .box-container .box-content h2, section.media-container .box-container .box-content section.blue-bg h2, section.media-container .box-container .box-content section.parallax-container:nth-child(odd) h2, section.blue-bg h5, section.parallax-container:nth-child(odd) h5, section.blue-bg .ict-accordion-container .accordion-toggle .title, section.parallax-container:nth-child(odd) .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle section.blue-bg .title, .ict-accordion-container .accordion-toggle section.parallax-container:nth-child(odd) .title, section.blue-bg #lexicon-list .lexicon-alphabet, section.parallax-container:nth-child(odd) #lexicon-list .lexicon-alphabet, #lexicon-list section.blue-bg .lexicon-alphabet, #lexicon-list section.parallax-container:nth-child(odd) .lexicon-alphabet, section.blue-bg .mediaDetail-box .mediaDetail-container h2.media-introduction, section.parallax-container:nth-child(odd) .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container section.blue-bg h2.media-introduction, .mediaDetail-box .mediaDetail-container section.parallax-container:nth-child(odd) h2.media-introduction, section.blue-bg section.media-container .media-row .media-column .media-container .media-content h2, section.parallax-container:nth-child(odd) section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content section.blue-bg h2, section.media-container .media-row .media-column .media-container .media-content section.parallax-container:nth-child(odd) h2, section.blue-bg ul.advantages li, section.parallax-container:nth-child(odd) ul.advantages li, .box-container.blue-bg h1, .box-container.parallax-container:nth-child(odd) h1, .box-container.blue-bg h2, .box-container.parallax-container:nth-child(odd) h2, .box-container.blue-bg h3, .box-container.parallax-container:nth-child(odd) h3, .box-container.blue-bg h4, .box-container.parallax-container:nth-child(odd) h4, .box-container.blue-bg #function-steps .vertical-steps-container .step-container h3, .box-container.parallax-container:nth-child(odd) #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .box-container.blue-bg h3, #function-steps .vertical-steps-container .step-container .box-container.parallax-container:nth-child(odd) h3, .box-container.blue-bg .location-container .address-container .address-title-container h3, .box-container.parallax-container:nth-child(odd) .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .box-container.blue-bg h3, .location-container .address-container .address-title-container .box-container.parallax-container:nth-child(odd) h3, .box-container.blue-bg .location-container .address-container .address-title-container .address-title a, .box-container.parallax-container:nth-child(odd) .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .box-container.blue-bg a, .location-container .address-container .address-title-container .address-title .box-container.parallax-container:nth-child(odd) a, section.media-container .box-container.blue-bg .box-content h2, section.media-container .box-container.parallax-container:nth-child(odd) .box-content h2, .box-container.blue-bg h5, .box-container.parallax-container:nth-child(odd) h5, .box-container.blue-bg .ict-accordion-container .accordion-toggle .title, .box-container.parallax-container:nth-child(odd) .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .box-container.blue-bg .title, .ict-accordion-container .accordion-toggle .box-container.parallax-container:nth-child(odd) .title, .box-container.blue-bg #lexicon-list .lexicon-alphabet, .box-container.parallax-container:nth-child(odd) #lexicon-list .lexicon-alphabet, #lexicon-list .box-container.blue-bg .lexicon-alphabet, #lexicon-list .box-container.parallax-container:nth-child(odd) .lexicon-alphabet, .box-container.blue-bg .mediaDetail-box .mediaDetail-container h2.media-introduction, .box-container.parallax-container:nth-child(odd) .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .box-container.blue-bg h2.media-introduction, .mediaDetail-box .mediaDetail-container .box-container.parallax-container:nth-child(odd) h2.media-introduction, .box-container.blue-bg section.media-container .media-row .media-column .media-container .media-content h2, .box-container.parallax-container:nth-child(odd) section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .box-container.blue-bg h2, section.media-container .media-row .media-column .media-container .media-content .box-container.parallax-container:nth-child(odd) h2, .box-container.blue-bg ul.advantages li, .box-container.parallax-container:nth-child(odd) ul.advantages li, .boxes-container.blue-bg h1, .boxes-container.parallax-container:nth-child(odd) h1, .boxes-container.blue-bg h2, .boxes-container.parallax-container:nth-child(odd) h2, .boxes-container.blue-bg h3, .boxes-container.parallax-container:nth-child(odd) h3, .boxes-container.blue-bg h4, .boxes-container.parallax-container:nth-child(odd) h4, .boxes-container.blue-bg #function-steps .vertical-steps-container .step-container h3, .boxes-container.parallax-container:nth-child(odd) #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .boxes-container.blue-bg h3, #function-steps .vertical-steps-container .step-container .boxes-container.parallax-container:nth-child(odd) h3, .boxes-container.blue-bg .location-container .address-container .address-title-container h3, .boxes-container.parallax-container:nth-child(odd) .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .boxes-container.blue-bg h3, .location-container .address-container .address-title-container .boxes-container.parallax-container:nth-child(odd) h3, .boxes-container.blue-bg .location-container .address-container .address-title-container .address-title a, .boxes-container.parallax-container:nth-child(odd) .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .boxes-container.blue-bg a, .location-container .address-container .address-title-container .address-title .boxes-container.parallax-container:nth-child(odd) a, .boxes-container.blue-bg section.media-container .box-container .box-content h2, .boxes-container.parallax-container:nth-child(odd) section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .boxes-container.blue-bg h2, section.media-container .box-container .box-content .boxes-container.parallax-container:nth-child(odd) h2, .boxes-container.blue-bg h5, .boxes-container.parallax-container:nth-child(odd) h5, .boxes-container.blue-bg .ict-accordion-container .accordion-toggle .title, .boxes-container.parallax-container:nth-child(odd) .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .boxes-container.blue-bg .title, .ict-accordion-container .accordion-toggle .boxes-container.parallax-container:nth-child(odd) .title, .boxes-container.blue-bg #lexicon-list .lexicon-alphabet, .boxes-container.parallax-container:nth-child(odd) #lexicon-list .lexicon-alphabet, #lexicon-list .boxes-container.blue-bg .lexicon-alphabet, #lexicon-list .boxes-container.parallax-container:nth-child(odd) .lexicon-alphabet, .boxes-container.blue-bg .mediaDetail-box .mediaDetail-container h2.media-introduction, .boxes-container.parallax-container:nth-child(odd) .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .boxes-container.blue-bg h2.media-introduction, .mediaDetail-box .mediaDetail-container .boxes-container.parallax-container:nth-child(odd) h2.media-introduction, .boxes-container.blue-bg section.media-container .media-row .media-column .media-container .media-content h2, .boxes-container.parallax-container:nth-child(odd) section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .boxes-container.blue-bg h2, section.media-container .media-row .media-column .media-container .media-content .boxes-container.parallax-container:nth-child(odd) h2, .boxes-container.blue-bg ul.advantages li, .boxes-container.parallax-container:nth-child(odd) ul.advantages li, .parallax-container.blue-bg h1, .parallax-container:nth-child(odd) h1, .parallax-container.blue-bg h2, .parallax-container:nth-child(odd) h2, .parallax-container.blue-bg h3, .parallax-container:nth-child(odd) h3, .parallax-container.blue-bg h4, .parallax-container:nth-child(odd) h4, .parallax-container.blue-bg #function-steps .vertical-steps-container .step-container h3, .parallax-container:nth-child(odd) #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .parallax-container.blue-bg h3, #function-steps .vertical-steps-container .step-container .parallax-container:nth-child(odd) h3, .parallax-container.blue-bg .location-container .address-container .address-title-container h3, .parallax-container:nth-child(odd) .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .parallax-container.blue-bg h3, .location-container .address-container .address-title-container .parallax-container:nth-child(odd) h3, .parallax-container.blue-bg .location-container .address-container .address-title-container .address-title a, .parallax-container:nth-child(odd) .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .parallax-container.blue-bg a, .location-container .address-container .address-title-container .address-title .parallax-container:nth-child(odd) a, .parallax-container.blue-bg section.media-container .box-container .box-content h2, .parallax-container:nth-child(odd) section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .parallax-container.blue-bg h2, section.media-container .box-container .box-content .parallax-container:nth-child(odd) h2, .parallax-container.blue-bg h5, .parallax-container:nth-child(odd) h5, .parallax-container.blue-bg .ict-accordion-container .accordion-toggle .title, .parallax-container:nth-child(odd) .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .parallax-container.blue-bg .title, .ict-accordion-container .accordion-toggle .parallax-container:nth-child(odd) .title, .parallax-container.blue-bg #lexicon-list .lexicon-alphabet, .parallax-container:nth-child(odd) #lexicon-list .lexicon-alphabet, #lexicon-list .parallax-container.blue-bg .lexicon-alphabet, #lexicon-list .parallax-container:nth-child(odd) .lexicon-alphabet, .parallax-container.blue-bg .mediaDetail-box .mediaDetail-container h2.media-introduction, .parallax-container:nth-child(odd) .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .parallax-container.blue-bg h2.media-introduction, .mediaDetail-box .mediaDetail-container .parallax-container:nth-child(odd) h2.media-introduction, .parallax-container.blue-bg section.media-container .media-row .media-column .media-container .media-content h2, .parallax-container:nth-child(odd) section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .parallax-container.blue-bg h2, section.media-container .media-row .media-column .media-container .media-content .parallax-container:nth-child(odd) h2, .parallax-container.blue-bg ul.advantages li, .parallax-container:nth-child(odd) ul.advantages li { color: #FFFFFF; } section.blue-bg p a, .box-container.blue-bg p a, .boxes-container.blue-bg p a, .parallax-container.blue-bg p a, .parallax-container:nth-child(odd) p a { color: #40ECB8; } section.blue-bg p a:hover, .box-container.blue-bg p a:hover, .boxes-container.blue-bg p a:hover, .parallax-container.blue-bg p a:hover, .parallax-container:nth-child(odd) p a:hover { color: #FFFFFF; } section.blue-bg.with-bevel, .box-container.blue-bg.with-bevel, .boxes-container.blue-bg.with-bevel, .parallax-container.blue-bg.with-bevel, .parallax-container.with-bevel:nth-child(odd) { background-image: url(../content/backgrounds/blue-bevel.svg); background-position: bottom right; background-repeat: no-repeat; background-size: contain; } section.lightblue-bg, .box-container.lightblue-bg, .boxes-container.lightblue-bg, .parallax-container.lightblue-bg { background: #DFEEFE; } section.rose-bg, .box-container.rose-bg, .boxes-container.rose-bg, .parallax-container.rose-bg { background-color: #E06F9B; color: #FFFFFF; } section.rose-bg h1, section.rose-bg h2, section.rose-bg h3, section.rose-bg h4, section.rose-bg #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container section.rose-bg h3, section.rose-bg .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container section.rose-bg h3, section.rose-bg .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title section.rose-bg a, section.rose-bg section.media-container .box-container .box-content h2, section.media-container .box-container .box-content section.rose-bg h2, section.rose-bg h5, section.rose-bg .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle section.rose-bg .title, section.rose-bg #lexicon-list .lexicon-alphabet, #lexicon-list section.rose-bg .lexicon-alphabet, section.rose-bg .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container section.rose-bg h2.media-introduction, section.rose-bg section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content section.rose-bg h2, section.rose-bg ul.advantages li, .box-container.rose-bg h1, .box-container.rose-bg h2, .box-container.rose-bg h3, .box-container.rose-bg h4, .box-container.rose-bg #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .box-container.rose-bg h3, .box-container.rose-bg .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .box-container.rose-bg h3, .box-container.rose-bg .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .box-container.rose-bg a, section.media-container .box-container.rose-bg .box-content h2, .box-container.rose-bg h5, .box-container.rose-bg .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .box-container.rose-bg .title, .box-container.rose-bg #lexicon-list .lexicon-alphabet, #lexicon-list .box-container.rose-bg .lexicon-alphabet, .box-container.rose-bg .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .box-container.rose-bg h2.media-introduction, .box-container.rose-bg section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .box-container.rose-bg h2, .box-container.rose-bg ul.advantages li, .boxes-container.rose-bg h1, .boxes-container.rose-bg h2, .boxes-container.rose-bg h3, .boxes-container.rose-bg h4, .boxes-container.rose-bg #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .boxes-container.rose-bg h3, .boxes-container.rose-bg .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .boxes-container.rose-bg h3, .boxes-container.rose-bg .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .boxes-container.rose-bg a, .boxes-container.rose-bg section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .boxes-container.rose-bg h2, .boxes-container.rose-bg h5, .boxes-container.rose-bg .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .boxes-container.rose-bg .title, .boxes-container.rose-bg #lexicon-list .lexicon-alphabet, #lexicon-list .boxes-container.rose-bg .lexicon-alphabet, .boxes-container.rose-bg .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .boxes-container.rose-bg h2.media-introduction, .boxes-container.rose-bg section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .boxes-container.rose-bg h2, .boxes-container.rose-bg ul.advantages li, .parallax-container.rose-bg h1, .parallax-container.rose-bg h2, .parallax-container.rose-bg h3, .parallax-container.rose-bg h4, .parallax-container.rose-bg #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .parallax-container.rose-bg h3, .parallax-container.rose-bg .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .parallax-container.rose-bg h3, .parallax-container.rose-bg .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .parallax-container.rose-bg a, .parallax-container.rose-bg section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .parallax-container.rose-bg h2, .parallax-container.rose-bg h5, .parallax-container.rose-bg .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .parallax-container.rose-bg .title, .parallax-container.rose-bg #lexicon-list .lexicon-alphabet, #lexicon-list .parallax-container.rose-bg .lexicon-alphabet, .parallax-container.rose-bg .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .parallax-container.rose-bg h2.media-introduction, .parallax-container.rose-bg section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .parallax-container.rose-bg h2, .parallax-container.rose-bg ul.advantages li { color: #FFFFFF; } section.rose-bg p a, .box-container.rose-bg p a, .boxes-container.rose-bg p a, .parallax-container.rose-bg p a { color: #1665CE; } section.rose-bg p a:hover, .box-container.rose-bg p a:hover, .boxes-container.rose-bg p a:hover, .parallax-container.rose-bg p a:hover { color: #FFFFFF; } section { box-sizing: border-box; padding: 3em 0; } section.margin-top { margin-top: 3em; } section.margin-bottom { margin-bottom: 3em; } section.no-padding-top { padding-top: 0; } section.no-padding-bottom { padding-bottom: 0; } section.one-padding-top { padding-top: 1px; } section.one-padding-bottom { padding-bottom: 1px; } section.parallax-section { padding-top: 0; } section.page-intro h2 { font-size: 2.353em; line-height: 1.25em; } section.page-intro h5 a, section.page-intro .ict-accordion-container .accordion-toggle .title a, .ict-accordion-container .accordion-toggle section.page-intro .title a, section.page-intro .lexicon-content h3 a, .lexicon-content section.page-intro h3 a, section.page-intro #lexicon-list .lexicon-alphabet a, #lexicon-list section.page-intro .lexicon-alphabet a, section.page-intro .mediaDetail-box .mediaDetail-container h2.media-introduction a, .mediaDetail-box .mediaDetail-container section.page-intro h2.media-introduction a, section.page-intro section.media-container .media-row .media-column .media-container .media-content h2 a, section.media-container .media-row .media-column .media-container .media-content section.page-intro h2 a { color: #40ECB8; font-family: "Gilroy-Bold", sans-serif; } section.page-intro h5 a:hover, section.page-intro .ict-accordion-container .accordion-toggle .title a:hover, .ict-accordion-container .accordion-toggle section.page-intro .title a:hover, section.page-intro .lexicon-content h3 a:hover, .lexicon-content section.page-intro h3 a:hover, section.page-intro #lexicon-list .lexicon-alphabet a:hover, #lexicon-list section.page-intro .lexicon-alphabet a:hover, section.page-intro .mediaDetail-box .mediaDetail-container h2.media-introduction a:hover, .mediaDetail-box .mediaDetail-container section.page-intro h2.media-introduction a:hover, section.page-intro section.media-container .media-row .media-column .media-container .media-content h2 a:hover, section.media-container .media-row .media-column .media-container .media-content section.page-intro h2 a:hover { color: #258BF5; } .box-container, .boxes-container { box-sizing: border-box; margin-bottom: 1em; overflow: hidden; position: relative; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .box-container .box-content, .boxes-container .box-content { padding-top: 3em; padding-bottom: 3em; } .box-container:hover, .boxes-container:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .box-container { min-height: 580px; } .box-container.img-left .box-image, .box-container.img-right .box-image { margin: 0; width: 51%; position: absolute; top: 0; bottom: 0; } .box-container.img-left .box-content, .box-container.img-right .box-content { width: 35%; } .box-container.img-left .box-content h2, .box-container.img-left .box-content h3, .box-container.img-left .box-content h4, .box-container.img-left .box-content #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .box-container.img-left .box-content h3, .box-container.img-left .box-content .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .box-container.img-left .box-content h3, .box-container.img-left .box-content .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .box-container.img-left .box-content a, section.media-container .box-container.img-left .box-content h2, .box-container.img-right .box-content h2, .box-container.img-right .box-content h3, .box-container.img-right .box-content h4, .box-container.img-right .box-content #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .box-container.img-right .box-content h3, .box-container.img-right .box-content .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .box-container.img-right .box-content h3, .box-container.img-right .box-content .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .box-container.img-right .box-content a, section.media-container .box-container.img-right .box-content h2 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } .box-container.img-left { padding-right: 8.45%; } .box-container.img-left .box-image { left: 0; } .box-container.img-left .medgate-boss-name { left: 1em; } .box-container.img-right { padding-left: 8.45%; } .box-container.img-right .box-image { right: 0; } .box-container.img-right .medgate-boss-name { right: 1em; } .box-container.small-height { min-height: 380px; } .box-container .medgate-boss-name { background: rgba(255, 255, 255, 0.75); box-sizing: border-box; font-size: 0.9em; max-width: calc(100% - 2em); padding: 0.5em 1em; z-index: 1; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; -ms-border-radius: 0.2em; -o-border-radius: 0.2em; border-radius: 0.2em; position: absolute; bottom: 1em; } .box-container.news-style { padding-right: 7%; } .box-container.news-style .box-image { width: 32%; } .box-container.news-style .box-content { width: 58%; } .boxes-flex .boxes-container { min-height: 380px; padding: 0 8.45%; } .vertical-steps-container { position: relative; } .vertical-steps-container:before { background-color: #FFFFFF; content: ""; width: 2px; position: absolute; top: -3em; bottom: 0.1em; left: -2.8em; } .vertical-steps-container .step-container { margin: 2.647em 0; position: relative; } .vertical-steps-container .step-container .step-nr { background: #40ECB8; color: #FFFFFF; display: block; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.765em; height: 1.833em; line-height: 2em; text-align: center; width: 1.833em; z-index: 1; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; position: absolute; top: -0.3em; left: -2.5em; } .vertical-steps-container .step-container:first-of-type { margin-top: 0; } .vertical-steps-container .step-container:last-of-type { margin-bottom: 0; } .vertical-steps-container .step-container:last-of-type:before { background-color: #258BF5; content: ""; font-size: 1.765em; width: 1.833em; position: absolute; top: 0; bottom: -0.1em; left: -2.5em; } .horizontal-steps-container { margin-top: 3em; position: relative; } .horizontal-steps-container:before { background-color: #258BF5; content: ""; height: 2px; position: absolute; top: 1.6em; right: 50%; left: 0; } .horizontal-steps-container .step-container { float: left; padding: 0 1%; position: relative; } .horizontal-steps-container .step-container:before { background-color: #258BF5; content: ""; height: 2px; z-index: 1; position: absolute; top: 1.6em; right: 0; left: 0; } .horizontal-steps-container .step-container .step-nr { background: #40ECB8; color: #FFFFFF; display: block; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.765em; height: 1.833em; line-height: 2em; margin: 0 auto; position: relative; text-align: center; width: 1.833em; z-index: 5; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; } .horizontal-steps-container .step-container:last-of-type:before { right: 50%; } .white-bg .vertical-steps-container:before, .parallax-container:nth-child(even) .vertical-steps-container:before { background-color: #258BF5; } .white-bg .vertical-steps-container .step-container:last-of-type, .parallax-container:nth-child(even) .vertical-steps-container .step-container:last-of-type { margin-bottom: 0; } .white-bg .vertical-steps-container .step-container:last-of-type:before, .parallax-container:nth-child(even) .vertical-steps-container .step-container:last-of-type:before { background-color: #FFFFFF; } .step-container.medgate-connect .step-nr { background: #40ECB8; color: #FFFFFF; display: block; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.765em; height: 1.833em; line-height: 2em; margin: 0 0 0 auto; text-align: center; width: 1.833em; z-index: 1; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; } .step-container.medgate-connect .step-illu img { display: block; margin: 0 auto; max-width: 350px; width: 100%; } .vimeo-container { height: 0; max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative; } .vimeo-container.app-vimeo { padding-bottom: 146.11%; } .vimeo-container iframe, .vimeo-container object, .vimeo-container embed { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .partnerLogo-container .logo-img img { height: auto; width: 100%; } /* ---------------------------------------------------------------------- */ /* index */ /* ---------------------------------------------------------------------- */ .row.this-is-medgate { margin-top: 1em; } .row.this-is-medgate h1 { display: inline-block; margin-bottom: 0; } .row.this-is-medgate .ThisIsMedgate-keyvisual { margin: 1em auto 2em auto; max-width: 100px; width: 100%; } #main-home h3 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } .health-app .healthapp-row { margin-bottom: 2em; } .health-app .healthapp-row .healthapp { margin-left: -0.5em; margin-right: -0.5em; } .health-app .healthapp-row .healthapp .healthapp-teaser { background: #258BF5; box-sizing: border-box; color: #FFFFFF; font-family: "Gilroy-SemiBold", sans-serif; margin: 0.5em; padding: 1em; text-align: center; width: calc(50% - 1em); -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .health-app .healthapp-row .healthapp .healthapp-teaser.emergency-teaser { background-color: #AB3E5E; } .health-app .healthapp-row .healthapp .healthapp-teaser .healthapp-teaser-icon, .health-app .healthapp-row .healthapp .healthapp-teaser .healthapp-teaser-text { width: 100%; } .health-app .healthapp-row .healthapp .healthapp-teaser .healthapp-teaser-icon { margin-bottom: 0.75em; } .health-app .healthapp-row .healthapp .healthapp-teaser .healthapp-teaser-icon img { margin: 0 auto; max-width: 50px; } .health-app .healthapp-row .healthapp .healthapp-teaser .healthapp-teaser-text { text-align: center; } .health-app .healthapp-row .healthapp .healthapp-teaser:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .health-app .healthapp-accordion { margin-top: 2em; } .health-app .healthapp-accordion .ict-accordion-container .accordion-toggle { border-top: 2px solid #258BF5; border-bottom: 2px solid #258BF5; padding: 1em; } .health-app .healthapp-accordion .ict-accordion-container .accordion-toggle.show { border-bottom: 2px solid rgba(37, 139, 245, 0); } .health-app .healthapp-accordion .ict-accordion-container .accordion-toggle.show .title { color: #258BF5; } .health-app .healthapp-accordion .ict-accordion-container .accordion-content { border-bottom: 2px solid #258BF5; padding: 0 1em 1em 1em; } .health-app .healthapp-btns { margin-top: 2em; } .health-app .healthapp-btns .btn-group .btn { margin: 0 !important; } .health-app .healthapp-btns .btn-group .btn:first-of-type { margin-bottom: 1.5em !important; } #digital-doc .digitalDoc-container { margin-top: 0.5em; margin-bottom: 2em; } #digital-doc .digitalDoc-container .digitalDoc-sick, #digital-doc .digitalDoc-container .digitalDoc-emergency { box-sizing: border-box; color: #FFFFFF; padding: 2em 1.5em 1.5em 1.5em; width: 48.5%; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } #digital-doc .digitalDoc-container .digitalDoc-sick h1, #digital-doc .digitalDoc-container .digitalDoc-sick h2, #digital-doc .digitalDoc-container .digitalDoc-sick h3, #digital-doc .digitalDoc-container .digitalDoc-sick h4, #digital-doc .digitalDoc-container .digitalDoc-sick .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title #digital-doc .digitalDoc-container .digitalDoc-sick a, #digital-doc .digitalDoc-container .digitalDoc-sick h5, #digital-doc .digitalDoc-container .digitalDoc-sick .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle #digital-doc .digitalDoc-container .digitalDoc-sick .title, #digital-doc .digitalDoc-container .digitalDoc-sick #lexicon-list .lexicon-alphabet, #lexicon-list #digital-doc .digitalDoc-container .digitalDoc-sick .lexicon-alphabet, #digital-doc .digitalDoc-container .digitalDoc-emergency h1, #digital-doc .digitalDoc-container .digitalDoc-emergency h2, #digital-doc .digitalDoc-container .digitalDoc-emergency h3, #digital-doc .digitalDoc-container .digitalDoc-emergency h4, #digital-doc .digitalDoc-container .digitalDoc-emergency .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title #digital-doc .digitalDoc-container .digitalDoc-emergency a, #digital-doc .digitalDoc-container .digitalDoc-emergency h5, #digital-doc .digitalDoc-container .digitalDoc-emergency .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle #digital-doc .digitalDoc-container .digitalDoc-emergency .title, #digital-doc .digitalDoc-container .digitalDoc-emergency #lexicon-list .lexicon-alphabet, #lexicon-list #digital-doc .digitalDoc-container .digitalDoc-emergency .lexicon-alphabet { color: #FFFFFF; } #digital-doc .digitalDoc-container .digitalDoc-sick h3, #digital-doc .digitalDoc-container .digitalDoc-emergency h3 { margin-bottom: 1em; } #digital-doc .digitalDoc-container .digitalDoc-sick h4, #digital-doc .digitalDoc-container .digitalDoc-sick #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container #digital-doc .digitalDoc-container .digitalDoc-sick h3, #digital-doc .digitalDoc-container .digitalDoc-sick .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container #digital-doc .digitalDoc-container .digitalDoc-sick h3, #digital-doc .digitalDoc-container .digitalDoc-sick .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title #digital-doc .digitalDoc-container .digitalDoc-sick a, #digital-doc .digitalDoc-container .digitalDoc-sick section.media-container .box-container .box-content h2, section.media-container .box-container .box-content #digital-doc .digitalDoc-container .digitalDoc-sick h2, #digital-doc .digitalDoc-container .digitalDoc-emergency h4, #digital-doc .digitalDoc-container .digitalDoc-emergency #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container #digital-doc .digitalDoc-container .digitalDoc-emergency h3, #digital-doc .digitalDoc-container .digitalDoc-emergency .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container #digital-doc .digitalDoc-container .digitalDoc-emergency h3, #digital-doc .digitalDoc-container .digitalDoc-emergency .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title #digital-doc .digitalDoc-container .digitalDoc-emergency a, #digital-doc .digitalDoc-container .digitalDoc-emergency section.media-container .box-container .box-content h2, section.media-container .box-container .box-content #digital-doc .digitalDoc-container .digitalDoc-emergency h2 { font-size: 1.5em; line-height: 1.35em; } #digital-doc .digitalDoc-container .digitalDoc-sick:hover, #digital-doc .digitalDoc-container .digitalDoc-emergency:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } #digital-doc .digitalDoc-container .digitalDoc-sick { background-color: #258BF5; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container { margin-bottom: 2em; position: relative; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container .step-nr { background: #40ECB8; color: #FFFFFF; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.5em; height: 1.75em; line-height: 1.9em; margin: -0.2em 0.75em 0 0; position: relative; text-align: center; width: 1.75em; z-index: 1; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; -webkit-flex-shrink: 0; -webkit-box-flex: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container:before { background-color: #FFFFFF; content: ""; width: 2px; position: absolute; position: absolute; top: 0.5em; bottom: -3em; left: 1.25em; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container:last-of-type { margin-bottom: 0; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container:last-of-type:before { display: none; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-disclaimer { margin-top: 3em; } #digital-doc .digitalDoc-container .digitalDoc-sick a { color: #40ECB8; text-decoration: underline; } #digital-doc .digitalDoc-container .digitalDoc-sick a:hover { color: #FFFFFF; } #digital-doc .digitalDoc-container .digitalDoc-emergency { background-color: #AB3E5E; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container { background: rgba(255, 255, 255, 0.5); box-sizing: border-box; color: #000000; margin: 1.5em 0; padding: 1.5em; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h1, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h2, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h3, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h4, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h3, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h3, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container a, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container section.media-container .box-container .box-content h2, section.media-container .box-container .box-content #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h2, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h5, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .title, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .lexicon-content h3, .lexicon-content #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h3, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container #lexicon-list .lexicon-alphabet, #lexicon-list #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .lexicon-alphabet, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h2.media-introduction, #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container h2 { color: #000000; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .btn-group { margin: 1em 0 0 0; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .btn-group .btn { margin: 0; padding-left: 1.25em; padding-right: 1.25em; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .btn-group .btn:first-of-type { margin-right: 1em; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel { margin: 1em 0 0 0; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel .emergencyTel-group { width: 100%; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel .emergencyTel-group:first-of-type { border-bottom: 2px solid #000000; margin-bottom: 1em; padding-bottom: 1em; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel .emergencyTel-group .emergencyTel-icon { margin-right: 5%; max-width: 50px; width: 20%; -webkit-flex-shrink: 0; -webkit-box-flex: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container p { margin-bottom: 0.75em; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container p:last-of-type { margin-bottom: 0; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container hr { border-color: #AB3E5E; margin: 0.75em 0; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container:last-of-type { margin-bottom: 0; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container:hover { background: #FFFFFF; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-disclaimer { margin-top: 1.5em; } #our-advantages .our-advantages-icon { margin: 0.5em auto 2.5em auto; max-width: 200px; width: 100%; } #our-advantages ul.checkmark.advantages li { margin: 0.75em 0; } #our-advantages ul.checkmark.advantages li a { color: #40ECB8; } #our-advantages ul.checkmark.advantages li a:hover { color: #FFFFFF; } #our-advantages ul.checkmark.advantages li:before { background-size: 0.9em; height: 1.4em; min-width: 1.4em; top: -0.1em; width: 1.4em; } #high-quality h2 { font-family: "Gilroy-SemiBold", sans-serif; font-size: 2.353em; line-height: 1.25em; } #happy-patients .happy-patient-row .happy-patient-container { margin-top: -3em; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-portrait { margin-bottom: -2em; width: 30%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text { box-sizing: border-box; color: #FFFFFF; width: 67%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-testimonial, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-name { background: #258BF5; margin: 0; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-testimonial { padding: 1.275em 1.275em 0.75em 1.275em; -webkit-border-radius: 0.495em 0.495em 0 0; -moz-border-radius: 0.495em 0.495em 0 0; -ms-border-radius: 0.495em 0.495em 0 0; -o-border-radius: 0.495em 0.495em 0 0; border-radius: 0.495em 0.495em 0 0; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-name { margin: -1px 0 0 0; padding: 0 1.5em 1.25em 1.5em; -webkit-border-radius: 0 0 0.588em 0.588em; -moz-border-radius: 0 0 0.588em 0.588em; -ms-border-radius: 0 0 0.588em 0.588em; -o-border-radius: 0 0 0.588em 0.588em; border-radius: 0 0 0.588em 0.588em; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text a { color: #40ECB8; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text a:hover { color: #FFFFFF; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text:after { background-repeat: no-repeat; content: ""; display: block; height: 20px; width: 150px; } #happy-patients .happy-patient-row .happy-patient-container:first-of-type { margin-top: 2em; } #happy-patients .happy-patient-row .happy-patient-container:last-of-type { margin-bottom: 2em; } #happy-patients .happy-patient-row .happy-patient-container:nth-child(odd) .happy-patient-text:after { background-image: url(../content/backgrounds/happy-bubble-left.svg); margin: -1px auto 0 1.5em; } #happy-patients .happy-patient-row .happy-patient-container:nth-child(even) .happy-patient-text { text-align: right; } #happy-patients .happy-patient-row .happy-patient-container:nth-child(even) .happy-patient-text:after { background-image: url(../content/backgrounds/happy-bubble-right.svg); margin: -1px 1.5em 0 auto; } #happy-patients .happy-patient-row .happy-patient-container:nth-child(even).turquoise .happy-patient-testimonial, #happy-patients .happy-patient-row .happy-patient-container:nth-child(even).turquoise .happy-patient-name { background: #40ECB8; } #happy-patients .happy-patient-row .happy-patient-container:nth-child(even).turquoise .happy-patient-text:after { background-image: url(../content/backgrounds/happy-bubble-turquoise.svg); } #experienced-doctors .experienced-doctor-container { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } #experienced-doctors .experienced-doctor-container figure.experienced-doctor-portrait { background: #F2F4F3; border: 1px solid #F2F4F3; box-sizing: border-box; overflow: hidden; position: relative; width: 25%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #experienced-doctors .experienced-doctor-container figure.experienced-doctor-portrait .focuspoint { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #experienced-doctors .experienced-doctor-container figure.experienced-doctor-portrait:after { content: ""; display: block; padding-bottom: 100%; } #experienced-doctors .experienced-doctor-container .experienced-doctor-text { margin-left: 2%; width: 73%; } #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial { font-family: "Gilroy-SemiBold", sans-serif; margin-bottom: 0.75em; } #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial:before, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial:after { color: #40ECB8; font-family: "Gilroy-Bold", sans-serif; } #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial:before { content: "«"; margin-right: 0.2em; } #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial:after { content: "»"; margin-left: 0.2em; } #experienced-doctors .swiper-container { padding-bottom: 2.5em; } #experienced-doctors .swiper-container .swiper-wrapper .swiper-slide { background: none; min-height: unset; text-align: left; } #experienced-doctors .swiper-container .swiper-wrapper .swiper-slide:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #experienced-doctors .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { background: none; border-color: #40ECB8; } #experienced-doctors .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #40ECB8; } #experienced-doctors .swiper-container .swiper-button-next, #experienced-doctors .swiper-container .swiper-button-prev { background-size: 40px; height: 40px; margin-top: -20px; top: 45%; width: 40px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } #experienced-doctors .swiper-container .swiper-button-next { background-image: url(../content/icons/swiper-arrow-next.svg); } #experienced-doctors .swiper-container .swiper-button-next:hover { right: 0; } #experienced-doctors .swiper-container .swiper-button-prev { background-image: url(../content/icons/swiper-arrow-prev.svg); } #experienced-doctors .swiper-container .swiper-button-prev:hover { left: 0; } .home-newsletter-image { margin: 0 auto 2.5em auto; max-width: 150px; width: 65%; } .app-teaser-module .row { margin-top: 0; margin-bottom: 0; } .app-teaser-module .row .app-image img { display: block; margin: 0 auto; max-width: 330px; width: 75%; } .app-teaser-module .row .app-content h2 { font-family: "Gilroy-SemiBold", sans-serif; font-size: 2.353em; line-height: 1.25em; margin-bottom: 0.25em; } .app-teaser-module .row .app-content h3 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } #media-logos .media-logos-row figure.media-logo-img { cursor: pointer; } #media-logos .media-logos-row figure.media-logo-img img { display: block; margin: 0 auto; max-width: 220px; width: 80%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } #media-logos .media-logos-row figure.media-logo-img:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } #media-logos .media-logos-row:last-of-type { margin-top: 5em; } #swiss-network .swiss-network-icon { margin: 1em auto 2em auto; max-width: 200px; width: 100%; } /* ---------------------------------------------------------------------- */ /* mtc */ /* ---------------------------------------------------------------------- */ #mtc-faq h2 { font-family: "Gilroy-SemiBold", sans-serif; font-size: 2.353em; line-height: 1.25em; } #telmed-section .row.our-partner-title { margin-top: 4em; margin-bottom: 0; } #telmed-section .row.our-partner-logos { margin-top: 0; margin-bottom: 3em; } /* ---------------------------------------------------------------------- */ /* mmc */ /* ---------------------------------------------------------------------- */ .newsBanner-container { box-sizing: border-box; margin-top: 1.5em; margin-bottom: 2.5em; padding: 2em; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .newsBanner-container.green { background: #40ECB8; } .newsBanner-container.green h1, .newsBanner-container.green h2, .newsBanner-container.green h3, .newsBanner-container.green h4, .newsBanner-container.green #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .newsBanner-container.green h3, .newsBanner-container.green .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .newsBanner-container.green h3, .newsBanner-container.green .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .newsBanner-container.green a, .newsBanner-container.green section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .newsBanner-container.green h2, .newsBanner-container.green h5, .newsBanner-container.green .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .newsBanner-container.green .title, .newsBanner-container.green #lexicon-list .lexicon-alphabet, #lexicon-list .newsBanner-container.green .lexicon-alphabet, .newsBanner-container.green .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .newsBanner-container.green h2.media-introduction, .newsBanner-container.green section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .newsBanner-container.green h2, .newsBanner-container.green p { color: #FFFFFF !important; } .newsBanner-container.red { background: #E96875; } .newsBanner-container.red h1, .newsBanner-container.red h2, .newsBanner-container.red h3, .newsBanner-container.red h4, .newsBanner-container.red #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .newsBanner-container.red h3, .newsBanner-container.red .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .newsBanner-container.red h3, .newsBanner-container.red .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .newsBanner-container.red a, .newsBanner-container.red section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .newsBanner-container.red h2, .newsBanner-container.red h5, .newsBanner-container.red .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .newsBanner-container.red .title, .newsBanner-container.red #lexicon-list .lexicon-alphabet, #lexicon-list .newsBanner-container.red .lexicon-alphabet, .newsBanner-container.red .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .newsBanner-container.red h2.media-introduction, .newsBanner-container.red section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .newsBanner-container.red h2, .newsBanner-container.red p { color: #000000 !important; } .newsBanner-container.blue { background: #258BF5; } .newsBanner-container.blue h1, .newsBanner-container.blue h2, .newsBanner-container.blue h3, .newsBanner-container.blue h4, .newsBanner-container.blue #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .newsBanner-container.blue h3, .newsBanner-container.blue .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .newsBanner-container.blue h3, .newsBanner-container.blue .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .newsBanner-container.blue a, .newsBanner-container.blue section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .newsBanner-container.blue h2, .newsBanner-container.blue h5, .newsBanner-container.blue .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .newsBanner-container.blue .title, .newsBanner-container.blue #lexicon-list .lexicon-alphabet, #lexicon-list .newsBanner-container.blue .lexicon-alphabet, .newsBanner-container.blue .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .newsBanner-container.blue h2.media-introduction, .newsBanner-container.blue section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .newsBanner-container.blue h2, .newsBanner-container.blue p { color: #FFFFFF !important; } .newsBanner-container h4:last-of-type, .newsBanner-container #function-steps .vertical-steps-container .step-container h3:last-of-type, #function-steps .vertical-steps-container .step-container .newsBanner-container h3:last-of-type, .newsBanner-container .location-container .address-container .address-title-container h3:last-of-type, .location-container .address-container .address-title-container .newsBanner-container h3:last-of-type, .newsBanner-container .location-container .address-container .address-title-container .address-title a:last-of-type, .location-container .address-container .address-title-container .address-title .newsBanner-container a:last-of-type, .newsBanner-container section.media-container .box-container .box-content h2:last-of-type, section.media-container .box-container .box-content .newsBanner-container h2:last-of-type, .newsBanner-container p:last-of-type { margin-bottom: 0; } .newsBanner-container a.btn { margin-top: 1.5em; } .newsBanner-container:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } #mmc-function .mmc-function-steps-container { position: relative; } #mmc-function .mmc-function-steps-container .step-container .step-content { position: relative; } #mmc-function .mmc-function-steps-container .step-container .step-content .step-nr { background: #40ECB8; color: #FFFFFF; display: block; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.765em; height: 1.833em; line-height: 2em; text-align: center; width: 1.833em; z-index: 1; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; position: absolute; top: -0.3em; left: -2.5em; } #mmc-function .mmc-pricing { border-top: 2px solid #CDD4D1; border-bottom: 2px solid #CDD4D1; margin-top: 4em; margin-bottom: 4em; padding-top: 3em; padding-bottom: 3em; } #mmc-function .mmc-pricing h2 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } .mmcList-container .mmcList-location { border-top: 2px solid #258BF5; padding: 1em 0; } .mmcList-container .mmcList-location .mmcLocation-name, .mmcList-container .mmcList-location .mmcLocation-address { padding: 0 1em; width: 45.5%; } .mmcList-container .mmcList-location .mmcLocation-name h3, .mmcList-container .mmcList-location .mmcLocation-name p, .mmcList-container .mmcList-location .mmcLocation-name address, .mmcList-container .mmcList-location .mmcLocation-address h3, .mmcList-container .mmcList-location .mmcLocation-address p, .mmcList-container .mmcList-location .mmcLocation-address address { color: #000000; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .mmcList-container .mmcList-location .mmcLocation-name p, .mmcList-container .mmcList-location .mmcLocation-name address, .mmcList-container .mmcList-location .mmcLocation-address p, .mmcList-container .mmcList-location .mmcLocation-address address { font-family: "Gilroy-Regular", sans-serif; margin-bottom: 0.3em; } .mmcList-container .mmcList-location .mmcLocation-name p:last-of-type, .mmcList-container .mmcList-location .mmcLocation-name address:last-of-type, .mmcList-container .mmcList-location .mmcLocation-address p:last-of-type, .mmcList-container .mmcList-location .mmcLocation-address address:last-of-type { margin-bottom: 0; } .mmcList-container .mmcList-location .mmcLocation-crest { padding: 0 0 0 1em; width: 5%; } .mmcList-container .mmcList-location .mmcLocation-crest figure img { max-width: 100%; } .mmcList-container .mmcList-location .mmcLocation-name h3 { font-size: 1.177em; line-height: 1.35em; margin: 0; } .mmcList-container .mmcList-location .mmcLocation-link { height: auto; max-height: 5em; padding: 0 0 0 1em; width: 4%; } .mmcList-container .mmcList-location .mmcLocation-link .svg { display: block; margin: 0 0.867em 0 0; overflow: inherit; stroke: #1665CE; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 1.5em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .mmcList-container .mmcList-location:last-of-type { border-bottom: 2px solid #258BF5; } .mmcList-container .mmcList-location:hover .mmcLocation-name h3, .mmcList-container .mmcList-location:hover .mmcLocation-name p, .mmcList-container .mmcList-location:hover .mmcLocation-name address, .mmcList-container .mmcList-location:hover .mmcLocation-address h3, .mmcList-container .mmcList-location:hover .mmcLocation-address p, .mmcList-container .mmcList-location:hover .mmcLocation-address address { color: #40ECB8; } .mmcList-container .mmcList-location:hover .mmcLocation-link .svg { margin: 0 0 0 0.867em; stroke: #40ECB8; } .diseases-container .wenn-icon-container { box-sizing: border-box; display: block; margin-bottom: 3em; padding: 0 0.75em; width: 100%; } .diseases-container .wenn-icon-container .icons-container { box-sizing: border-box; display: block; padding-top: 80%; position: relative; } .diseases-container .wenn-icon-container .icons-container .icons-content { transform-style: preserve-3d; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .diseases-container .wenn-icon-container .icons-container .icons-content img { display: block; margin: 0 auto; max-width: 200px; width: 75%; transform: translateY(-50%); position: absolute; top: 50%; right: 0; left: 0; } .diseases-container .wenn-icon-container p a { color: #258BF5; font-family: "Gilroy-Bold", sans-serif; font-size: 1.177em; line-height: 1.35em; } .diseases-container .wenn-icon-container p a:hover { color: #40ECB8; } .diseases-container .allsymptoms-row { padding-top: 1.5em; } .diseases-container .allsymptoms-row h3 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } .diseases-container .allsymptoms-content h4, .diseases-container .allsymptoms-content #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .diseases-container .allsymptoms-content h3, .diseases-container .allsymptoms-content .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .diseases-container .allsymptoms-content h3, .diseases-container .allsymptoms-content .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .diseases-container .allsymptoms-content a, .diseases-container .allsymptoms-content section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .diseases-container .allsymptoms-content h2 { font-size: 1.177em; line-height: 1.35em; } .diseases-container .allsymptoms-content ul { list-style: disc; } #mmc-price h2 { font-size: 2.353em; line-height: 1.25em; } .treatmentsServices-row .treatmentsServices-teaser { margin: 1.5em 0; } .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-icon figure img { display: block; margin: 0 auto 0 0; max-width: 150px; width: 75%; } .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content { margin: 1.5em 0 0 0; } .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content h4, .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content h3, .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content h3, .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content a, .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content h2 { font-size: 1.177em; line-height: 1.35em; margin: 0; } .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content ul { list-style: disc; } .mmc-location-detailmap .location-container .address-container .address-title-container { display: none !important; } .mmc-location-detailmap .location-container .address-container .address-detail .address-item-detail, .mmc-location-detailmap .location-container .address-container .address-detail .address-item-detail.show { transform: translateX(0); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .mmc-location-detailmap .location-container .address-container .address-detail .address-item-detail .close-container, .mmc-location-detailmap .location-container .address-container .address-detail .address-item-detail.show .close-container { display: none !important; } /* ---------------------------------------------------------------------- */ /* app */ /* ---------------------------------------------------------------------- */ .appDocFeature-row { margin-bottom: 0; } .appDocFeature-row .appDocFeature-container { margin-bottom: 4.5em; } .appDocFeature-row .appDocFeature-container .appDocFeature-icon figure { margin: 0 auto 1em auto; width: 135px; } .appDocFeature-row .appDocFeature-container .appDocFeature-content { text-align: center; } .appDocFeature-row .appDocFeature-container .appDocFeature-content h5, .appDocFeature-row .appDocFeature-container .appDocFeature-content .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .appDocFeature-row .appDocFeature-container .appDocFeature-content .title, .appDocFeature-row .appDocFeature-container .appDocFeature-content .lexicon-content h3, .lexicon-content .appDocFeature-row .appDocFeature-container .appDocFeature-content h3, .appDocFeature-row .appDocFeature-container .appDocFeature-content #lexicon-list .lexicon-alphabet, #lexicon-list .appDocFeature-row .appDocFeature-container .appDocFeature-content .lexicon-alphabet, .appDocFeature-row .appDocFeature-container .appDocFeature-content .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .appDocFeature-row .appDocFeature-container .appDocFeature-content h2.media-introduction, .appDocFeature-row .appDocFeature-container .appDocFeature-content section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .appDocFeature-row .appDocFeature-container .appDocFeature-content h2 { margin: 0 auto; width: 90%; } .hereForYou-section { margin: 0; min-height: 580px; padding: 0; position: relative; } .hereForYou-section .wrapper { position: relative; z-index: 3; } .hereForYou-section .wrapper .row { margin-top: 0; margin-bottom: 0; } .hereForYou-section .hereForYou-image-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .hereForYou-section .hereForYou-image-container .hereForYou-image-left figure, .hereForYou-section .hereForYou-image-container .hereForYou-image-right-top figure, .hereForYou-section .hereForYou-image-container .hereForYou-image-right-bottom figure { height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .hereForYou-section .hereForYou-image-container .hereForYou-image-left figure .focuspoint, .hereForYou-section .hereForYou-image-container .hereForYou-image-right-top figure .focuspoint, .hereForYou-section .hereForYou-image-container .hereForYou-image-right-bottom figure .focuspoint { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .hereForYou-section .hereForYou-image-container .hereForYou-image-left { position: relative; border-right: 2px solid #FFFFFF; position: absolute; top: 0; right: 30%; bottom: 0; left: 0; } .hereForYou-section .hereForYou-image-container .hereForYou-image-left figure img { opacity: 1; filter: alpha(opacity=100); -webkit-filter: blur(0px); filter: blur(0px); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .hereForYou-section .hereForYou-image-container .hereForYou-image-left:before { content: ""; opacity: 1; filter: alpha(opacity=100); z-index: 2; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; background: rgb(200, 226, 252); background: -moz-linear-gradient(90deg, rgb(200, 226, 252) 0%, rgba(200, 226, 252, 0) 100%); background: -webkit-linear-gradient(90deg, rgb(200, 226, 252) 0%, rgba(200, 226, 252, 0) 100%); background: linear-gradient(90deg, rgb(200, 226, 252) 0%, rgba(200, 226, 252, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8e2fc",endColorstr="#c8e2fc",GradientType=1); } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right { position: relative; position: absolute; top: 0; right: 0; bottom: 0; left: 70%; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-top { border-bottom: 1px solid #FFFFFF; position: absolute; top: 0; right: 0; bottom: 50%; left: 0; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-bottom { border-top: 1px solid #FFFFFF; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; } .hereForYou-section:hover .hereForYou-image-container .hereForYou-image-left figure img { opacity: 0.8; filter: alpha(opacity=80); -webkit-filter: blur(4px); filter: blur(4px); } .hereForYou-section:hover .hereForYou-image-container .hereForYou-image-left:before { opacity: 1; filter: alpha(opacity=100); right: 0%; } .app-feature-slider.slider-container { width: 96%; max-width: 1200px; margin: 0 auto; position: relative; } .app-feature-slider.slider-container .app-feature-row { margin: 1.5em -1%; } .app-feature-slider.slider-container .app-feature-row .app-feature-content ul { list-style: disc; } .app-feature-slider.slider-container .app-feature-row .app-feature-image img { max-height: 100%; max-width: 100%; } .app-feature-slider.slider-container .rsArrow { margin-top: -1.5em; visibility: visible; opacity: 1; filter: alpha(opacity=100); position: absolute; top: 50%; } .app-feature-slider.slider-container .rsArrow .rsArrowIcn { display: block; height: 3em; width: 3em; } .app-feature-slider.slider-container .rsArrow.rsArrowLeft, .app-feature-slider.slider-container .rsArrow.rsArrowRight { background-repeat: no-repeat; background-position-y: center; background-position-x: center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .app-feature-slider.slider-container .rsArrow.rsArrowLeft { background-image: url(../content/icons/chevron-left.svg); left: 0; } .app-feature-slider.slider-container .rsArrow.rsArrowLeft:hover { background-position-x: left; } .app-feature-slider.slider-container .rsArrow.rsArrowRight { background-image: url(../content/icons/chevron-right.svg); right: 0; } .app-feature-slider.slider-container .rsArrow.rsArrowRight:hover { background-position-x: right; } .patientSatisfaction-row { margin-bottom: 0; } .patientSatisfaction-row .column-4:nth-of-type(1), .patientSatisfaction-row .horizontal-steps-container .step-container:nth-of-type(1), .horizontal-steps-container .patientSatisfaction-row .step-container:nth-of-type(1), .patientSatisfaction-row .column-4:nth-of-type(3), .patientSatisfaction-row .horizontal-steps-container .step-container:nth-of-type(3), .horizontal-steps-container .patientSatisfaction-row .step-container:nth-of-type(3) { padding-bottom: 3em; } .appRating-container .star { background-repeat: no-repeat; background-position-y: center; background-position-x: center; background-image: url(../content/icons/star-empty.svg); display: block; height: 2.5em; margin: 0.5em 1em 1.5em 0; width: 2.5em; } .appRating-container .star.one-quarter-checked { background-image: url(../content/icons/star-one-quarter.svg); } .appRating-container .star.half-checked { background-image: url(../content/icons/star-half.svg); } .appRating-container .star.three-quarter-checked { background-image: url(../content/icons/star-three-quarter.svg); } .appRating-container .star.three-quarter-checked { background-image: url(../content/icons/star-three-quarter.svg); } .appRating-container .star.checked { background-image: url(../content/icons/star-full.svg); } .appMiniDownload-container { background: #40ECB8; box-sizing: border-box; margin-top: 2.5em; margin-bottom: 2.5em; padding: 2em 2em 1.25em 2em; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .appMiniDownload-container h1, .appMiniDownload-container h2, .appMiniDownload-container h3, .appMiniDownload-container h4, .appMiniDownload-container #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .appMiniDownload-container h3, .appMiniDownload-container .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .appMiniDownload-container h3, .appMiniDownload-container .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .appMiniDownload-container a, .appMiniDownload-container section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .appMiniDownload-container h2, .appMiniDownload-container h5, .appMiniDownload-container .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .appMiniDownload-container .title, .appMiniDownload-container .lexicon-content h3, .lexicon-content .appMiniDownload-container h3, .appMiniDownload-container #lexicon-list .lexicon-alphabet, #lexicon-list .appMiniDownload-container .lexicon-alphabet, .appMiniDownload-container .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .appMiniDownload-container h2.media-introduction, .appMiniDownload-container section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .appMiniDownload-container h2, .appMiniDownload-container p { color: #FFFFFF !important; } .appMiniDownload-container .appMiniDownload-btnQr { margin-top: 1em; } .appMiniDownload-container .appMiniDownload-btnQr .btn-group { margin-right: 2em; } .appMiniDownload-container .appMiniDownload-btnQr .btn-group .btn:first-of-type { margin-top: 0; margin-bottom: 0; } .appMiniDownload-container:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .qr-app-download-container { min-width: 100px; max-width: 125px; } .qr-app-download-container.home-Page { margin: 0 auto 1.5em auto; width: 50%; } /* ---------------------------------------------------------------------- */ /* rezept anfragen */ /* ---------------------------------------------------------------------- */ .overviewServices-container .overviewServices-icon { margin: 0 auto 1.5em 0; max-width: 150px; width: 30%; } .overviewServices-container .overviewServices-text h3 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } .billing-row .billing-icon img { display: block; margin: 0 auto; max-width: 175px; width: 100%; } .treatmentFields-container { margin-left: -0.5em; margin-right: -0.5em; } .treatmentFields-container .treatmentField-teaser { background: #FFFFFF; color: #000000; margin: 0.5em; padding: 1em; width: calc(33.3% - 3em); -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } .treatmentFields-container .treatmentField-teaser .treatmentField-icon { width: 20%; } .treatmentFields-container .treatmentField-teaser .treatmentField-icon img { width: 100%; } .treatmentFields-container .treatmentField-teaser .treatmentField-name { margin-left: 7%; width: 63%; } .treatmentFields-container .treatmentField-teaser .treatmentField-arrow { width: 7%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .treatmentFields-container .treatmentField-teaser .treatmentField-arrow .svg { display: inline-block; margin: 0 0.867em 0 0; overflow: inherit; stroke: #1665CE; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; width: 100%; } .treatmentFields-container .treatmentField-teaser:hover { background: #40ECB8; color: #FFFFFF; } .treatmentFields-container .treatmentField-teaser:hover .treatmentField-arrow { margin-left: 3%; } .treatmentFields-container .treatmentField-teaser:hover .treatmentField-arrow .svg { stroke: #FFFFFF; } .treatmentFields-container.no-icon .treatmentField-teaser .treatmentField-name { margin-left: 0; width: 90%; } .treatmentFields-container.blue-bg .treatmentField-teaser, .treatmentFields-container.parallax-container:nth-child(odd) .treatmentField-teaser { background: #1665CE; color: #FFFFFF; } .treatmentFields-container.blue-bg .treatmentField-teaser .treatmentField-arrow .svg, .treatmentFields-container.parallax-container:nth-child(odd) .treatmentField-teaser .treatmentField-arrow .svg { stroke: #FFFFFF; } .treatmentFields-container.blue-bg .treatmentField-teaser:hover, .treatmentFields-container.parallax-container:nth-child(odd) .treatmentField-teaser:hover { background: #40ECB8; color: #FFFFFF; } .treatmentFields-container.blue-bg .treatmentField-teaser:hover .treatmentField-arrow .svg, .treatmentFields-container.parallax-container:nth-child(odd) .treatmentField-teaser:hover .treatmentField-arrow .svg { stroke: #FFFFFF; } /* ---------------------------------------------------------------------- */ /* business partners */ /* ---------------------------------------------------------------------- */ #individual-corporation .individual-corporation-icon { margin: 1em auto 2em auto; max-width: 200px; width: 100%; } /* ---------------------------------------------------------------------- */ /* jobs */ /* ---------------------------------------------------------------------- */ #Telemediziner .horizontal-steps-text p { color: #258BF5; font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } .question-block { display: none; margin: 3em 0; } .question-block.show { display: block; } .question-block.show:nth-child(2) { margin-bottom: 0; } .question-block:first-of-type { margin-top: 0; } .question-block p.question { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; margin: 0.5em 0; } .submit-container, section.questionnaire-result, .final-negative, .final-positive { display: none; } .submit-container.show, section.questionnaire-result.show, .final-negative.show, .final-positive.show { display: block; } #arzttermin-section h2 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } .docathome-container .row { margin-bottom: 0; } .docathome-container .row .box-container.docathome { margin-bottom: 0; -webkit-border-radius: 0.588em 0.588em 0 0; -moz-border-radius: 0.588em 0.588em 0 0; -ms-border-radius: 0.588em 0.588em 0 0; -o-border-radius: 0.588em 0.588em 0 0; border-radius: 0.588em 0.588em 0 0; } .docathome-container .row .box-container.docathome p.big.title, .docathome-container .row .box-container.docathome body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block p.title.question-explain, .docathome-container .row .box-container.docathome body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block p.title.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .docathome-container .row .box-container.docathome p.title.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .docathome-container .row .box-container.docathome p.title.question-explain, .docathome-container .row .box-container.docathome #function-steps .vertical-steps-container .step-container p.title, #function-steps .vertical-steps-container .step-container .docathome-container .row .box-container.docathome p.title, .docathome-container .row .box-container.docathome #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text p.title.happy-patient-testimonial, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .docathome-container .row .box-container.docathome p.title.happy-patient-testimonial, .docathome-container .row .box-container.docathome #experienced-doctors .experienced-doctor-container .experienced-doctor-text p.title.experienced-doctor-testimonial, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .docathome-container .row .box-container.docathome p.title.experienced-doctor-testimonial { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; margin: 0 0 0.5em 0; } .docathome-container .row .box-container.docathome:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .docathome-container .docathome-interview { background: #FFFFFF; padding: 3em; -webkit-border-radius: 0 0 0.588em 0.588em; -moz-border-radius: 0 0 0.588em 0.588em; -ms-border-radius: 0 0 0.588em 0.588em; -o-border-radius: 0 0 0.588em 0.588em; border-radius: 0 0 0.588em 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .docathome-container .docathome-interview .row { margin-bottom: 1.5em; } .docathome-container .docathome-interview:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .jobs-iframe iframe { width: 100%; } section.offene-stellen-intro-container .offene-stellen-einleitung { margin-bottom: 4.5em; } section.offene-stellen-intro-container .wrapper .advantage-row:last-of-type { margin-top: 4.5em; } section.offene-stellen-intro-container .advantages-container .advantages-icon { margin-bottom: 1.5em; } section.offene-stellen-intro-container .advantages-container .advantages-icon img { height: 5.5em; } section.offene-stellen-intro-container .advantages-container .advantages-text h3 { font-size: 1.177em; margin-bottom: 1.5em; line-height: 1.2em; } /* ---------------------------------------------------------------------- */ /* doc appointment */ /* ---------------------------------------------------------------------- */ .doc-appointment .steps-container { margin-bottom: 2em; } .doc-appointment .steps-container ol { display: block; list-style: none; position: relative; } .doc-appointment .steps-container ol:before { background-color: #258BF5; content: ""; height: 2px; position: absolute; top: 1.6em; right: 17%; left: 17%; } .doc-appointment .steps-container ol li { display: block; float: left; width: 33.33333%; } .doc-appointment .steps-container ol li a, .doc-appointment .steps-container ol li span { border-width: 2px; border-style: solid; box-sizing: border-box; display: block; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.765em; height: 1.833em; line-height: 1.833em; margin: 0 auto; position: relative; text-align: center; width: 1.833em; z-index: 5; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; } .doc-appointment .steps-container ol li a .svg, .doc-appointment .steps-container ol li span .svg { margin: 0 auto; overflow: inherit; width: 0.75em; stroke: #FFFFFF; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .doc-appointment .steps-container ol li.done a, .doc-appointment .steps-container ol li.done span, .doc-appointment .steps-container ol li.active a, .doc-appointment .steps-container ol li.active span { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF; } .doc-appointment .steps-container ol li.done a:hover { background: #FFFFFF; border-color: #40ECB8; color: #40ECB8; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } .doc-appointment .steps-container ol li.done a:hover svg { stroke: #40ECB8; } .doc-appointment .steps-container ol li.done span { display: none; } .doc-appointment .steps-container ol li.active a { display: none; } .doc-appointment .steps-container ol li.open a, .doc-appointment .steps-container ol li.open span { background: #DFEEFE; border-color: #DFEEFE; color: #1665CE; cursor: not-allowed; } .doc-appointment .steps-container ol li.open a { display: none; } .doc-appointment .questions-container .box-content { display: block; } .doc-appointment .questions-container .box-content a.btn { margin: 1em 0; } .doc-appointment .questions-container .box-content a.btn.next-step { margin-bottom: 0; } .doc-appointment .questions-container .box-content.step-2 { width: 100%; } /* ---------------------------------------------------------------------- */ /* about us */ /* ---------------------------------------------------------------------- */ .row.who-we-are-vimeo { margin-top: 4em; } .row.who-we-are-stats { margin-top: 4em; } .row.who-we-are-stats h1 { margin-bottom: 0; } .row.who-we-are-stats .whoWeAreStats-keyvisual { max-width: 100px; } .whoWeAre-keyvisual, .whoWeAreStats-keyvisual, .vision-keyvisual, .whatsImportant-keyvisual { margin: 0 auto 1em auto; max-width: 200px; width: 100%; } /* ---------------------------------------------------------------------- */ /* our partners */ /* ---------------------------------------------------------------------- */ .partnerFilter-row { display: none; } .partnerFilter-row .partnerFilter-container .btn-group { display: block; position: relative; } .partnerFilter-row .partnerFilter-container .btn-group button { background: #F2F4F3; border: none; border-bottom: 2px solid #CDD4D1; box-sizing: border-box; color: #1665CE; cursor: pointer; display: block; font-family: "Gilroy-SemiBold", sans-serif; font-size: 100%; height: 50px; margin: 1.5em 0; padding: 0; text-align: left; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .partnerFilter-row .partnerFilter-container .btn-group button .svg { display: block; float: right; margin-top: 0.3em; overflow: inherit; width: 1.75em; stroke: #1665CE; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .partnerFilter-row .partnerFilter-container .btn-group button:hover { border-color: #40ECB8; } .partnerFilter-row .partnerFilter-container .btn-group ul.dropdown-menu { overflow: hidden; position: absolute; visibility: hidden; width: 100%; z-index: 10; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 50px; left: 0; -webkit-transform: translateY(-3em); -moz-transform: translateY(-3em); -ms-transform: translateY(-3em); -o-transform: translateY(-3em); transform: translateY(-3em); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .partnerFilter-row .partnerFilter-container .btn-group ul.dropdown-menu li a { background: #FFFFFF; border-left: 3px solid #FFFFFF; color: #000000; display: block; font-family: "Gilroy-Regular", sans-serif; padding: 0.85em; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .partnerFilter-row .partnerFilter-container .btn-group ul.dropdown-menu li a:hover { background: #F2F4F3; border-color: #40ECB8; color: #000000 !important; } .partnerFilter-row .partnerFilter-container .btn-group ul.dropdown-menu li:first-of-type a { color: #A4B0AB; } .partnerFilter-row .partnerFilter-container .btn-group.open button { border-color: #40ECB8; } .partnerFilter-row .partnerFilter-container .btn-group.open button .svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .partnerFilter-row .partnerFilter-container .btn-group.open ul.dropdown-menu { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .insurancePartners-container h2, .organizationPartners-container h2, .medicalCentres-container h2 { font-family: "Gilroy-SemiBold", sans-serif; font-size: 2.353em; line-height: 1.25em; } .insurancePartners-container .partner-container, .organizationPartners-container .partner-container, .medicalCentres-container .partner-container { background: #FFFFFF; margin-bottom: 1.5em; position: relative; overflow: hidden; width: 98%; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .insurancePartners-container .partner-container .partner-content, .organizationPartners-container .partner-container .partner-content, .medicalCentres-container .partner-container .partner-content { width: 100%; } .insurancePartners-container .partner-container .partner-content .partnerdetails p, .organizationPartners-container .partner-container .partner-content .partnerdetails p, .medicalCentres-container .partner-container .partner-content .partnerdetails p { padding: 1.25em 0 0 0; width: 100%; } .insurancePartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .organizationPartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .medicalCentres-container .partner-container .partner-content .partnerdetails a.partnerlink { font-size: 0.885em; padding: 1em 0; width: 100%; } .insurancePartners-container .partner-container .partner-content .partnerdetails a.partnerlink .arrow, .organizationPartners-container .partner-container .partner-content .partnerdetails a.partnerlink .arrow, .medicalCentres-container .partner-container .partner-content .partnerdetails a.partnerlink .arrow { margin: 0 0.867em 0 0; overflow: inherit; stroke: #1665CE; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 1.5em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .insurancePartners-container .partner-container .partner-content .partnerdetails a.partnerlink:hover, .organizationPartners-container .partner-container .partner-content .partnerdetails a.partnerlink:hover, .medicalCentres-container .partner-container .partner-content .partnerdetails a.partnerlink:hover { color: #40ECB8; } .insurancePartners-container .partner-container .partner-content .partnerdetails a.partnerlink:hover .arrow, .organizationPartners-container .partner-container .partner-content .partnerdetails a.partnerlink:hover .arrow, .medicalCentres-container .partner-container .partner-content .partnerdetails a.partnerlink:hover .arrow { margin: 0 0.667em 0 0.2em; stroke: #40ECB8; } .insurancePartners-container .partner-container .partnerlogo, .organizationPartners-container .partner-container .partnerlogo, .medicalCentres-container .partner-container .partnerlogo { width: 25%; } .insurancePartners-container .partner-container .partnerlogo img, .organizationPartners-container .partner-container .partnerlogo img, .medicalCentres-container .partner-container .partnerlogo img { margin: 0 auto 0 0; width: 90%; } .insurancePartners-container .partner-container .partnerdetails, .organizationPartners-container .partner-container .partnerdetails, .medicalCentres-container .partner-container .partnerdetails { margin-right: 2%; width: 71%; } .insurancePartners-container .partner-container:hover, .organizationPartners-container .partner-container:hover, .medicalCentres-container .partner-container:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .insurancePartners-container .partner-container:first-of-type, .organizationPartners-container .partner-container:first-of-type, .medicalCentres-container .partner-container:first-of-type { margin-top: 2em; } .insurancePartners-container .partner-container .partnerdetails { padding: 1em 0; } .insurancePartners-container .partner-container .partnerdetails ul { list-style: none; margin: 0; padding: 0; width: 75%; } .insurancePartners-container .partner-container .partnerdetails ul li { padding: 0.2em 0; } .insurancePartners-container .partner-container .partnerdetails ul li a { width: 100%; } .insurancePartners-container .partner-container .partnerdetails ul li .arrow { margin: 0 0.867em 0 0; overflow: inherit; stroke: #1665CE; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 1.3em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .insurancePartners-container .partner-container .partnerdetails ul li:hover { color: #40ECB8; } .insurancePartners-container .partner-container .partnerdetails ul li:hover .arrow { margin: 0 0.667em 0 0.2em; stroke: #40ECB8; } .insurancePartners-container .partner-container a.partnerlink { color: #1665CE; height: 100%; padding: 0; width: 25%; } .insurancePartners-container .partner-container a.partnerlink .arrow { display: inline-block; margin: 0 0.867em 0 0; overflow: inherit; stroke: #1665CE; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 1.3em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .insurancePartners-container .partner-container a.partnerlink:hover { color: #40ECB8; } .insurancePartners-container .partner-container a.partnerlink:hover .arrow { margin: 0 0.667em 0 0.2em; stroke: #40ECB8; } .insurancePartners-container .partner-container:first-of-type { margin-top: 0; } .insurancePartners-container .insurers-title { margin-top: 3em; } .insurancePartners-container .insurers-title h4, .insurancePartners-container .insurers-title #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .insurancePartners-container .insurers-title h3, .insurancePartners-container .insurers-title .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .insurancePartners-container .insurers-title h3, .insurancePartners-container .insurers-title .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .insurancePartners-container .insurers-title a, .insurancePartners-container .insurers-title section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .insurancePartners-container .insurers-title h2 { margin-bottom: 0; } .organizationPartners-container h4, .organizationPartners-container #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .organizationPartners-container h3, .organizationPartners-container .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .organizationPartners-container h3, .organizationPartners-container .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .organizationPartners-container a, .organizationPartners-container section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .organizationPartners-container h2 { margin: 1.5em auto 0 auto; } .partnerNetwork-stepIcon { margin: 0 auto; max-width: 350px; width: 100%; } .medicalCentres-container .location-container .address-container .ict-accordion-container { padding: 0 3em; width: 100%; } .medicalCentres-container .location-container .address-container .ict-accordion-container .accordion-toggle, .medicalCentres-container .location-container .address-container .ict-accordion-container .accordion-content { padding-left: 0; padding-right: 0; } .medicalCentres-container .location-container .address-container .ict-accordion-container .accordion-content .address-title-container { padding-left: 0; padding-right: 0; } /* ---------------------------------------------------------------------- */ /* contact */ /* ---------------------------------------------------------------------- */ .contact-form-container .bstrap3-material .row { margin: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 { float: none; margin: 0; padding: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group { margin: 1.25em 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .label-right { display: none; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .btnc-left p { margin: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle h5, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle .title, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle .lexicon-content h3, .lexicon-content .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle h3, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle #lexicon-list .lexicon-alphabet, #lexicon-list .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle .lexicon-alphabet, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle h2.media-introduction, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .contact-form-container .bstrap3-material .row .col-sm-12 .form-group.apotheke-subtitle h2 { color: #258BF5; font-family: "Gilroy-Bold", sans-serif; font-size: 1.177em; font-weight: 400; line-height: 1.35em; margin: 0.5em 0 0.25em 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container { float: none; margin: 0; padding: 0; position: relative; width: 100%; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio-as-buttons { padding: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio-as-buttons label.radio-boxes-labels span.radio-boxes-buttons { background: #DFEEFE; border: none; color: #1665CE; box-sizing: border-box; font-family: "Gilroy-SemiBold", sans-serif; font-size: 0.885em; margin: 0 0 0.5em 0; padding: 0.5em 2em; position: relative; text-transform: none; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio-as-buttons label.radio-boxes-labels span.radio-boxes-buttons:hover { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio-as-buttons label.radio-boxes-labels span.radio-boxes-buttons:before { background-color: #40ECB8; background-image: url(../content/icons/checkmark-form.svg); background-size: 0.9em; background-position: center center; background-repeat: no-repeat; border: 2px solid #FFFFFF; content: ""; height: 1.5em; width: 1.5em; -webkit-border-radius: 1.25em; -moz-border-radius: 1.25em; -ms-border-radius: 1.25em; -o-border-radius: 1.25em; border-radius: 1.25em; position: absolute; top: 0.5em; right: -0.25em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 0; filter: alpha(opacity=0); } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio-as-buttons label.radio-boxes-labels input[type=radio]:checked + span.btn { background: #1665CE; color: #FFFFFF; position: relative; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio-as-buttons label.radio-boxes-labels input[type=radio]:checked + span.btn:before { top: -0.25em; opacity: 1; filter: alpha(opacity=100); } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio-as-buttons .radio-btn-text { width: 1em; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset { border: none; margin: 0; padding: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset legend { border: none; color: #000000; font-family: "Gilroy-SemiBold", sans-serif; font-size: 17px; margin: 0 0 0.5em 0; padding: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset .checkbox { padding: 0; margin: 0 2em 0 0; min-height: auto; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset .checkbox label { padding: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset .checkbox label input[type=checkbox] { border: none; height: auto; margin: 0 0.75em 0 0; width: auto; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset .checkbox label input[type=checkbox]:after { border-color: #CDD4D1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset .checkbox label input[type=checkbox]:checked:after { background-color: #258BF5 !important; border-color: #258BF5 !important; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset .checkbox:hover label input[type=checkbox]:after { border-color: #40ECB8; background-color: #40ECB8; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .checkboxlist-fieldset .checkbox:last-of-type { margin-right: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.checkbox-list .checkbox { padding: 0; margin: 0 2em 0 0; min-height: auto; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.checkbox-list .checkbox label { padding: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.checkbox-list .checkbox label input[type=checkbox] { border: none; height: auto; margin: 0 0.75em 0 0; width: auto; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.checkbox-list .checkbox label input[type=checkbox]:after { border-color: #CDD4D1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.checkbox-list .checkbox label input[type=checkbox]:checked:after { background-color: #258BF5 !important; border-color: #258BF5 !important; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.checkbox-list .checkbox:hover label input[type=checkbox]:after { border-color: #40ECB8; background-color: #40ECB8; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.checkbox-list .checkbox:last-of-type { margin-right: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container input, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container textarea, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container select { background: transparent; border: none; border-bottom: 2px solid #CDD4D1; border-radius: 0; box-shadow: none; box-sizing: border-box; color: #000000; display: block; font-family: "Gilroy-Regular", sans-serif; font-size: 1em; height: 40px; line-height: inherit; margin: 0; padding: 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container input.placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container textarea.placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container select.placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container input:-moz-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container textarea:-moz-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container select:-moz-placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container input::-moz-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container textarea::-moz-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container select::-moz-placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container input:-ms-input-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container textarea:-ms-input-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container select:-ms-input-placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container input::-webkit-input-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container textarea::-webkit-input-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container select::-webkit-input-placeholder { color: #000000; opacity: 1; filter: alpha(opacity=100); } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container input:hover, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container textarea:hover, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container select:hover { border-color: #40ECB8; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container textarea { resize: vertical; height: 175px; min-height: 125px; max-height: 400px; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error input, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error textarea, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error select { border-color: #E96875; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error input.placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error textarea.placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error select.placeholder { color: #000000; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error input:-moz-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error textarea:-moz-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error select:-moz-placeholder { color: #000000; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error input::-moz-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error textarea::-moz-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error select::-moz-placeholder { color: #000000; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error input:-ms-input-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error textarea:-ms-input-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error select:-ms-input-placeholder { color: #000000; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error input::-webkit-input-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error textarea::-webkit-input-placeholder, .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error select::-webkit-input-placeholder { color: #000000; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error span.text-danger { color: #E96875; font-family: "Gilroy-SemiBold", sans-serif; font-size: 0.8em; line-height: 1.1em; pointer-events: none; text-align: left; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container.has-error .checkbox span { color: #E96875; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container button.btn.submit { background: #1665CE; border: none; color: #FFFFFF; box-sizing: border-box; display: inline-block; font-family: "Gilroy-SemiBold", sans-serif; font-size: 0.885em; margin: 0; outline: none; padding: 0.75em 2.5em; position: relative; text-transform: none; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container button.btn.submit:hover { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group:first-of-type { margin-top: 0; } .contact-form-container .bstrap3-material .row .col-sm-12 .form-group:last-of-type { margin-bottom: 0; } .contact-form-container .bstrap3-material .alert { color: #FFFFFF; margin: 0; padding: 1em; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .contact-form-container .bstrap3-material .alert.alert-danger.server-error { background: #E96875; } .contact-form-container .bstrap3-material .alert.alert-info.submit-confirm { background: #04A699; } .contact-form-container .bstrap3-material .alert p { margin: 0; } .contact-infos-container .contactdata-container, .box-container .box-content .contactdata-container { margin-top: 1em; } .contact-infos-container .contactdata-container .title, .box-container .box-content .contactdata-container .title { color: #258BF5; display: block; font-family: "Gilroy-SemiBold", sans-serif; padding: 0.25em 0; } .contact-infos-container .contactdata-container .tel, .contact-infos-container .contactdata-container .open, .contact-infos-container .contactdata-container .email, .box-container .box-content .contactdata-container .tel, .box-container .box-content .contactdata-container .open, .box-container .box-content .contactdata-container .email { display: block; padding: 0.4em 0 0.4em 1.75em; position: relative; } .contact-infos-container .contactdata-container .tel a, .contact-infos-container .contactdata-container .open a, .contact-infos-container .contactdata-container .email a, .box-container .box-content .contactdata-container .tel a, .box-container .box-content .contactdata-container .open a, .box-container .box-content .contactdata-container .email a { color: #000000; } .contact-infos-container .contactdata-container .tel a:hover, .contact-infos-container .contactdata-container .open a:hover, .contact-infos-container .contactdata-container .email a:hover, .box-container .box-content .contactdata-container .tel a:hover, .box-container .box-content .contactdata-container .open a:hover, .box-container .box-content .contactdata-container .email a:hover { color: #40ECB8; } .contact-infos-container .contactdata-container .tel a:hover .svg, .contact-infos-container .contactdata-container .open a:hover .svg, .contact-infos-container .contactdata-container .email a:hover .svg, .box-container .box-content .contactdata-container .tel a:hover .svg, .box-container .box-content .contactdata-container .open a:hover .svg, .box-container .box-content .contactdata-container .email a:hover .svg { stroke: #40ECB8; } .contact-infos-container .contactdata-container .tel .svg, .contact-infos-container .contactdata-container .open .svg, .contact-infos-container .contactdata-container .email .svg, .box-container .box-content .contactdata-container .tel .svg, .box-container .box-content .contactdata-container .open .svg, .box-container .box-content .contactdata-container .email .svg { display: block; overflow: inherit; width: 0.9em; stroke-width: 2; stroke-linecap: round; stroke: #000000; stroke-linejoin: round; position: absolute; top: 0.5em; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .contact-infos-container .contactdata-container .tel:hover .svg, .contact-infos-container .contactdata-container .open:hover .svg, .contact-infos-container .contactdata-container .email:hover .svg, .box-container .box-content .contactdata-container .tel:hover .svg, .box-container .box-content .contactdata-container .open:hover .svg, .box-container .box-content .contactdata-container .email:hover .svg { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .contact-infos-container .contactdata-container .email .svg, .box-container .box-content .contactdata-container .email .svg { top: 0.7em; } .contact-infos-container .contactdata-container a[href^=tel], .contact-infos-container .contactdata-container a[href^=mail], .box-container .box-content .contactdata-container a[href^=tel], .box-container .box-content .contactdata-container a[href^=mail] { color: #000000; font-family: "Gilroy-Regular", sans-serif; text-decoration: none; } .contact-infos-container .contactdata-container a[href^=tel]:hover, .contact-infos-container .contactdata-container a[href^=mail]:hover, .box-container .box-content .contactdata-container a[href^=tel]:hover, .box-container .box-content .contactdata-container a[href^=mail]:hover { color: #40ECB8; } .contact-infos-container .contactdata-container a[href^=tel]:hover .svg, .contact-infos-container .contactdata-container a[href^=mail]:hover .svg, .box-container .box-content .contactdata-container a[href^=tel]:hover .svg, .box-container .box-content .contactdata-container a[href^=mail]:hover .svg { stroke: #40ECB8; } .contact-infos-container .contactdata-container.blue-bg, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd), .box-container .box-content .contactdata-container.blue-bg, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) { margin-top: 0em; } .contact-infos-container .contactdata-container.blue-bg .tel, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .tel, .contact-infos-container .contactdata-container.blue-bg .open, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .open, .contact-infos-container .contactdata-container.blue-bg .email, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .email, .box-container .box-content .contactdata-container.blue-bg .tel, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .tel, .box-container .box-content .contactdata-container.blue-bg .open, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .open, .box-container .box-content .contactdata-container.blue-bg .email, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .email { margin-bottom: 1.5em; } .contact-infos-container .contactdata-container.blue-bg .tel a, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .tel a, .contact-infos-container .contactdata-container.blue-bg .open a, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .open a, .contact-infos-container .contactdata-container.blue-bg .email a, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .email a, .box-container .box-content .contactdata-container.blue-bg .tel a, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .tel a, .box-container .box-content .contactdata-container.blue-bg .open a, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .open a, .box-container .box-content .contactdata-container.blue-bg .email a, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .email a { color: #FFFFFF; } .contact-infos-container .contactdata-container.blue-bg .tel a:hover, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .tel a:hover, .contact-infos-container .contactdata-container.blue-bg .open a:hover, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .open a:hover, .contact-infos-container .contactdata-container.blue-bg .email a:hover, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .email a:hover, .box-container .box-content .contactdata-container.blue-bg .tel a:hover, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .tel a:hover, .box-container .box-content .contactdata-container.blue-bg .open a:hover, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .open a:hover, .box-container .box-content .contactdata-container.blue-bg .email a:hover, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .email a:hover { color: #40ECB8; } .contact-infos-container .contactdata-container.blue-bg .tel a:hover .svg, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .tel a:hover .svg, .contact-infos-container .contactdata-container.blue-bg .open a:hover .svg, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .open a:hover .svg, .contact-infos-container .contactdata-container.blue-bg .email a:hover .svg, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .email a:hover .svg, .box-container .box-content .contactdata-container.blue-bg .tel a:hover .svg, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .tel a:hover .svg, .box-container .box-content .contactdata-container.blue-bg .open a:hover .svg, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .open a:hover .svg, .box-container .box-content .contactdata-container.blue-bg .email a:hover .svg, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .email a:hover .svg { stroke: #40ECB8; } .contact-infos-container .contactdata-container.blue-bg .tel .svg, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .tel .svg, .contact-infos-container .contactdata-container.blue-bg .open .svg, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .open .svg, .contact-infos-container .contactdata-container.blue-bg .email .svg, .contact-infos-container .contactdata-container.parallax-container:nth-child(odd) .email .svg, .box-container .box-content .contactdata-container.blue-bg .tel .svg, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .tel .svg, .box-container .box-content .contactdata-container.blue-bg .open .svg, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .open .svg, .box-container .box-content .contactdata-container.blue-bg .email .svg, .box-container .box-content .contactdata-container.parallax-container:nth-child(odd) .email .svg { stroke: #FFFFFF; } .contact-infos-container .contactdata-container.no-margin-bottom .tel, .contact-infos-container .contactdata-container.no-margin-bottom .open, .contact-infos-container .contactdata-container.no-margin-bottom .email, .box-container .box-content .contactdata-container.no-margin-bottom .tel, .box-container .box-content .contactdata-container.no-margin-bottom .open, .box-container .box-content .contactdata-container.no-margin-bottom .email { margin-bottom: 0; } .pfyfferli-form-container { margin-top: 3em; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio { padding: 0; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio label { margin: 0.5em 0; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio label input[type=radio] { border: none; height: auto; margin-right: 0.25em; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio label input[type=radio]:before { background-color: #258BF5; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio label input[type=radio]:after { border-color: #CDD4D1; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio label input[type=radio]:checked:after { border-color: #258BF5; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group label.hide-label { display: none; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .label-left { padding: 0; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .label-left label.control-label { color: #000000; font-weight: normal !important; padding: 0.5em 0 0 0; } /* ---------------------------------------------------------------------- */ /* media */ /* ---------------------------------------------------------------------- */ .media-intro .contactdata-container { margin-bottom: 2em; } .media-intro .contactdata-container .tel, .media-intro .contactdata-container .email { display: inline-block; padding: 0.4em 0 0.4em 1.75em; position: relative; } .media-intro .contactdata-container .tel a, .media-intro .contactdata-container .email a { color: #000000; } .media-intro .contactdata-container .tel a:hover, .media-intro .contactdata-container .email a:hover { color: #40ECB8; } .media-intro .contactdata-container .tel a:hover .svg, .media-intro .contactdata-container .email a:hover .svg { stroke: #40ECB8; } .media-intro .contactdata-container .tel .svg, .media-intro .contactdata-container .email .svg { display: block; overflow: inherit; width: 0.9em; stroke-width: 2; stroke-linecap: round; stroke: #000000; stroke-linejoin: round; position: absolute; top: 0.5em; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .media-intro .contactdata-container .tel:hover .svg, .media-intro .contactdata-container .email:hover .svg { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .media-intro .contactdata-container .email .svg { top: 0.7em; } .media-intro .contactdata-container a[href^=tel], .media-intro .contactdata-container a[href^=mail] { color: #000000; font-family: "Gilroy-Regular", sans-serif; text-decoration: none; } .media-intro .contactdata-container a[href^=tel]:hover, .media-intro .contactdata-container a[href^=mail]:hover { color: #40ECB8; } .media-intro .contactdata-container a[href^=tel]:hover .svg, .media-intro .contactdata-container a[href^=mail]:hover .svg { stroke: #40ECB8; } .media-intro a.btn { margin-top: 1em; } section.media-container .media-row .media-column { background: #FFFFFF; box-sizing: border-box; margin-bottom: 1.5em; overflow: hidden; position: relative; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } section.media-container .media-row .media-column .media-container .media-image { height: 225px; position: relative; width: 100%; } section.media-container .media-row .media-column .media-container .media-content { padding: 1em 1em 4.75em 1em; /*.media-subtitle { --max-lines: 5; max-height: calc(var(--lh) * var(--max-lines)); overflow: hidden; position: relative; &:before { content: "..."; position: absolute; bottom: 0; right: 0; } }*/ } section.media-container .media-row .media-column .media-container .media-content .media-date { margin-bottom: 0.75em; } section.media-container .media-row .media-column .media-container .media-content h2 { margin-bottom: 0.3em; } section.media-container .media-row .media-column .media-container .media-link { /*a.media-sharemail { color: $black; display: inline-block; font-family: $gilroy-regular; margin: 1em 0 0 0; padding: 0.4em 0 0.4em 1.75em; position: relative; .svg { display: block; overflow: inherit; width: 0.9em; stroke-width: 2; stroke-linecap: round; stroke: $black; stroke-linejoin: round; @include position(absolute, 0.6em null null 0); @include transition(all $transition-speed linear); } &:hover { color: $turquoise; .svg { stroke: $turquoise; @include transform(rotate(360deg)); } } }*/ } section.media-container .media-row .media-column .media-container .media-link a.btn { margin: 0; width: fit-content; position: absolute; bottom: 1em; left: 1em; } section.media-container .media-row .media-column:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } section.media-container .box-container .box-content p { margin-bottom: 1em; min-width: 100%; } section.media-container .box-container .box-content h2 { min-width: 100%; } section.media-container .box-container .box-content a.btn { margin: 0; width: fit-content; } section.media-container .box-container .box-content a.media-sharemail { color: #000000; display: inline-block; font-family: "Gilroy-Regular", sans-serif; margin: 1em 0 0 0; min-width: 100%; padding: 0.4em 0 0.4em 1.75em; position: relative; } section.media-container .box-container .box-content a.media-sharemail .svg { display: block; overflow: inherit; width: 0.9em; stroke-width: 2; stroke-linecap: round; stroke: #000000; stroke-linejoin: round; position: absolute; top: 0.6em; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } section.media-container .box-container .box-content a.media-sharemail:hover { color: #40ECB8; } section.media-container .box-container .box-content a.media-sharemail:hover .svg { stroke: #40ECB8; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } body.mediaDetail-body .mainimg-container .claim-container .claim { width: 64.66667%; } body.mediaDetail-body .mainimg-container .claim-container .claim h1 { font-size: 2.9412em; } section.mediaDetail-firstSection { position: relative; } section.mediaDetail-firstSection .socialShare-container { background: #1665CE; box-sizing: border-box; width: 80px; z-index: 1; -webkit-border-radius: 0.588em 0 0 0.588em; -moz-border-radius: 0.588em 0 0 0.588em; -ms-border-radius: 0.588em 0 0 0.588em; -o-border-radius: 0.588em 0 0 0.588em; border-radius: 0.588em 0 0 0.588em; position: absolute; top: 3em; right: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link { height: 60px; width: 80px; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link .svg { display: block; overflow: inherit; stroke: none; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link .svg path { fill: #FFFFFF; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link .svg.email { height: 1.3em; width: 1.3em; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link .svg.pdf { height: 1.4em; width: 1.4em; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link .svg.facebook { height: 1.4em; width: 1.4em; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link .svg.xing { height: 1.6em; width: 1.35em; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link .svg.linkedin { height: 1.4em; width: 1.4em; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link .svg.twitter { height: 1.8em; width: 1.8em; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link .svg.whatsapp { height: 1.6em; width: 1.6em; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link:hover .svg path { fill: #40ECB8 !important; } section.mediaDetail-firstSection .socialShare-container:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .mediaDetail-box { background: #FFFFFF; box-sizing: border-box; margin-bottom: 1.5em; padding: 3em 8.45%; position: relative; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } .mediaDetail-box .mediaDetail-container h2.media-introduction { margin-bottom: 1.5em; } .mediaDetail-box .mediaDetail-container h3.media-subtitle { font-family: "Gilroy-Bold", sans-serif; font-size: 1em; margin-bottom: 0; } .mediaDetail-box .mediaDetail-imgs .media-downloadImg { margin-top: 2em; } .mediaDetail-box .mediaDetail-imgs .media-downloadLink { display: block; font-size: 0.885em; padding: 1em 0; } .mediaDetail-box .mediaDetail-imgs .media-downloadLink .svg { display: inline-block; margin: 0 0.867em 0 0; overflow: inherit; stroke-width: 2; stroke: #1665CE; stroke-linecap: round; stroke-linejoin: round; width: 1.5em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .mediaDetail-box .mediaDetail-imgs .media-downloadLink:hover .svg { stroke: #40ECB8; margin: 0 0.667em 0 0.2em; } .mediaDetail-box.media-contact { margin-bottom: 4em; } /* ---------------------------------------------------------------------- */ /* diseases */ /* ---------------------------------------------------------------------- */ .diseases-section .diseases-container .diseases-app { background-color: #258BF5; box-sizing: border-box; color: #FFFFFF; padding: 2em 1.5em 1.5em 1.5em; width: 48.5%; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .diseases-section .diseases-container .diseases-app h1, .diseases-section .diseases-container .diseases-app h2, .diseases-section .diseases-container .diseases-app h3, .diseases-section .diseases-container .diseases-app h4, .diseases-section .diseases-container .diseases-app #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .diseases-section .diseases-container .diseases-app h3, .diseases-section .diseases-container .diseases-app .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .diseases-section .diseases-container .diseases-app h3, .diseases-section .diseases-container .diseases-app .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .diseases-section .diseases-container .diseases-app a, .diseases-section .diseases-container .diseases-app section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .diseases-section .diseases-container .diseases-app h2, .diseases-section .diseases-container .diseases-app h5, .diseases-section .diseases-container .diseases-app .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .diseases-section .diseases-container .diseases-app .title, .diseases-section .diseases-container .diseases-app .lexicon-content h3, .lexicon-content .diseases-section .diseases-container .diseases-app h3, .diseases-section .diseases-container .diseases-app #lexicon-list .lexicon-alphabet, #lexicon-list .diseases-section .diseases-container .diseases-app .lexicon-alphabet, .diseases-section .diseases-container .diseases-app section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .diseases-section .diseases-container .diseases-app h2 { color: #FFFFFF; } .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle { margin-bottom: 2em; } .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle .diseasesTitle-icon { width: 20%; } .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle .diseasesTitle-icon img { width: 100%; max-width: 150px; } .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle .diseasesTitle-title { width: 80%; } .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle .diseasesTitle-title h3 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; margin: 0; } .diseases-section .diseases-container .diseases-app .step-container { margin-top: 0; margin-bottom: 2em; position: relative; } .diseases-section .diseases-container .diseases-app .step-container .step-nr { background: #40ECB8; color: #FFFFFF; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.5em; height: 1.75em; line-height: 1.9em; margin: -0.2em 0.75em 0 0; position: relative; text-align: center; width: 1.75em; z-index: 1; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; -webkit-flex-shrink: 0; -webkit-box-flex: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .diseases-section .diseases-container .diseases-app .step-container:before { background-color: #FFFFFF; content: ""; width: 2px; position: absolute; position: absolute; top: 0.5em; bottom: -3em; left: 1.25em; } .diseases-section .diseases-container .diseases-app .step-container:last-of-type { margin-bottom: 0; } .diseases-section .diseases-container .diseases-app .step-container:last-of-type:before { display: none; } .diseases-section .diseases-container .diseases-app .step-container h4, .diseases-section .diseases-container .diseases-app #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .diseases-section .diseases-container .diseases-app .step-container h3, .diseases-section .diseases-container .diseases-app .step-container .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .diseases-section .diseases-container .diseases-app .step-container h3, .diseases-section .diseases-container .diseases-app .step-container .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .diseases-section .diseases-container .diseases-app .step-container a, .diseases-section .diseases-container .diseases-app .step-container section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .diseases-section .diseases-container .diseases-app .step-container h2 { font-size: 1.5em; line-height: 1.35em; } .diseases-section .diseases-container .diseases-app .diseases-disclaimer { margin-top: 2em; } .diseases-section .diseases-container .diseases-app .diseases-disclaimer a { color: #40ECB8; text-decoration: underline; } .diseases-section .diseases-container .diseases-app .diseases-disclaimer a:hover { color: #FFFFFF; } .diseases-section .diseases-container .diseases-app .diseases-button .btn-group { margin: 2em 0 1.5em 0; } .diseases-section .diseases-container .diseases-app .diseases-button .btn-group .btn { margin: 0; padding-left: 1.25em; padding-right: 1.25em; } .diseases-section .diseases-container .diseases-app .diseases-button .btn-group .btn:first-of-type { margin-right: 1em; } .diseases-section .diseases-container .diseases-app .diseases-button a.diseasesApp-moreLink { color: #FFFFFF; font-family: "Gilroy-Regular", sans-serif; } .diseases-section .diseases-container .diseases-app .diseases-button a.diseasesApp-moreLink .svg { display: inline-block; margin: -0.1em 0.7em 0 0; overflow: inherit; stroke: #FFFFFF; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; width: 0.8em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .diseases-section .diseases-container .diseases-app .diseases-button a.diseasesApp-moreLink:hover { color: #40ECB8; } .diseases-section .diseases-container .diseases-app .diseases-button a.diseasesApp-moreLink:hover .svg { stroke: #40ECB8; margin: -0.1em 0.5em 0 0.2em; } .diseases-section .diseases-container .diseases-app:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .diseases-content { scroll-behavior: smooth; } .diseases-content .diseases-row { padding-top: 2em; } .diseases-content .diseases-row:first-of-type { padding-top: 0; } .diseases-content .diseases-row h2 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } .diseases-content .diseases-row h3 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.177em; line-height: 1.35em; } .diseases-content .diseases-row .lexicon-image { margin: 2em 0 0 0; } .diseases-content .diseases-row .lexicon-image img { border: 1px solid #F2F4F3; box-sizing: border-box; } .diseases-content .diseases-row p a { text-decoration: underline; } .diseases-content .diseases-row ul li { list-style: disc; } .diseases-content hr { border: solid #F2F4F3; border-width: 1px 0 0 0; margin: 2em 0; } .sticky-container .sticky-teaser, .sticky-container .sticky-nav { padding: 2em; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } .sticky-container .sticky-teaser { background: #40ECB8; color: #FFFFFF; margin-bottom: 2em; } .sticky-container .sticky-teaser .teaser-header { margin-bottom: 1em; } .sticky-container .sticky-teaser .teaser-header img { width: 15%; margin-right: 1em; } .sticky-container .sticky-teaser .teaser-header h5, .sticky-container .sticky-teaser .teaser-header .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .sticky-container .sticky-teaser .teaser-header .title, .sticky-container .sticky-teaser .teaser-header .lexicon-content h3, .lexicon-content .sticky-container .sticky-teaser .teaser-header h3, .sticky-container .sticky-teaser .teaser-header #lexicon-list .lexicon-alphabet, #lexicon-list .sticky-container .sticky-teaser .teaser-header .lexicon-alphabet, .sticky-container .sticky-teaser .teaser-header section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .sticky-container .sticky-teaser .teaser-header h2, .sticky-container .sticky-teaser .teaser-header .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .sticky-container .sticky-teaser .teaser-header h2.media-introduction { color: #FFFFFF; margin: 0; } .sticky-container .sticky-teaser .teaser-text { font-family: "Gilroy-SemiBold", sans-serif; margin-bottom: 0; } .sticky-container .sticky-teaser .btn { margin-top: 1em; } .sticky-container .sticky-teaser.sticky-red-teaser { background: #AB3E5E; } .sticky-container .sticky-teaser.sticky-red-teaser .btn.negative { color: #AB3E5E !important; } .sticky-container .sticky-teaser.sticky-red-teaser .btn.negative .svg { stroke: #AB3E5E !important; } .sticky-container .sticky-teaser.sticky-red-teaser .btn.negative:hover { border-color: #AB3E5E !important; } .sticky-container .sticky-nav { background: #F2F4F3; } .sticky-container .sticky-nav ol { margin-bottom: 0; } .sticky-container .sticky-nav ol li a { display: block; padding: 0.25em 0; } .custom-half-header.header-container { background: #FFFFFF !important; position: relative !important; } .custom-half-header.mainimg-container { background: #DFEEFE; height: 643px; } .custom-half-header.mainimg-container .claim-container { height: 563px; } .custom-half-header.mainimg-container .claim-container .claim-center { top: 50%; width: 100%; } .custom-half-header.mainimg-container .claim-container .claim-center h1 { font-size: 2.9412em; line-height: 1.2em; } .custom-half-header.mainimg-container .claim-container .claim-center .claim-teaser { background: #FFFFFF; } .custom-half-header.mainimg-container .mainimg-image { height: 563px; } .custom-half-header.mainimg-container .mainimg-image figure { height: 563px; margin: 0 0 0 auto; width: 49%; } /* ---------------------------------------------------------------------- */ /* location map */ /* ---------------------------------------------------------------------- */ .location-container { background: #FFFFFF; height: 800px; } .location-container .map-container, .location-container .address-container { float: left; height: 800px; } .location-container .map-container { display: block; width: 65%; } .location-container .address-container { height: 800px; position: relative; width: 35%; } .location-container .address-container .address-title-container { box-sizing: border-box; padding: 0 3em; width: 100%; } .location-container .address-container .address-title-container .address-title { display: block; width: 100%; } .location-container .address-container .address-title-container .address-title a { margin: 0; padding: 0.25em 0; width: 100%; } .location-container .address-container .address-title-container .address-title a .svg { margin: 0 0.45em 0 0; overflow: inherit; width: 0.75em; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; } .location-container .address-container .address-title-container .address-title a .svg path { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .location-container .address-container .address-title-container .address-title a:hover { color: #40ECB8; } .location-container .address-container .address-title-container .address-title a:hover:before { background: #40ECB8; } .location-container .address-container .address-title-container .address-title.mpc a .address-title-text { font-family: "Gilroy-Bold", sans-serif; } .location-container .address-container .address-title-container .address-title.mpc a .svg { stroke: #C8E2FC; stroke-width: 1; } .location-container .address-container .address-title-container .address-title.mpc a .svg path { fill: #258BF5 !important; } .location-container .address-container .address-title-container .address-title.mpc a:hover .svg { stroke: #40ECB8; } .location-container .address-container .address-title-container .address-title.mpc a:hover .svg path { fill: #40ECB8 !important; } .location-container .address-container .address-title-container .address-title.mpc:nth-of-type(2) { /*margin-bottom: 1.5em;*/ } .location-container .address-container .address-title-container .address-title.non-mpc a .address-title-text { font-family: "Gilroy-Regular", sans-serif; } .location-container .address-container .address-title-container .address-title.non-mpc a .svg { stroke: #258BF5; stroke-width: 4.5; } .location-container .address-container .address-title-container .address-title.non-mpc a .svg path { fill: #FFFFFF !important; } .location-container .address-container .address-title-container .address-title.non-mpc a:hover .svg { stroke: #40ECB8; } .location-container .address-container .address-detail .address-item-detail { background: #FFFFFF; padding: 3em; transform: translateX(5em); visibility: hidden; z-index: 1; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .location-container .address-container .address-detail .address-item-detail.show { transform: translateX(0); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .location-container .address-container .address-detail .address-item-detail.show .close-container { transform: translateX(0); } .location-container .address-container .address-detail .address-item-detail .close-container { transform: translateX(-5em); position: absolute; top: 3em; right: 3em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .location-container .address-container .address-detail .address-item-detail .close-container a { background: #E96875; box-sizing: border-box; display: block; height: 3em; line-height: 3em; text-align: center; width: 3em; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .location-container .address-container .address-detail .address-item-detail .close-container a .svg { overflow: inherit; width: 1em; stroke: #FFFFFF; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .location-container .address-container .address-detail .address-item-detail .close-container a:hover { background: #40ECB8; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } .location-container .address-container .address-detail .address-item-detail .close-container a:hover .svg { stroke: #FFFFFF; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .location-container .address-container .address-detail .address-item-detail .address, .location-container .address-container .address-detail .address-item-detail .open-time, .location-container .address-container .address-detail .address-item-detail .contact, .location-container .address-container .address-detail .address-item-detail .website, .location-container .address-container .address-detail .address-item-detail .offer, .location-container .address-container .address-detail .address-item-detail .appointment { display: block; margin: 1em 0 0 0; } .location-container .address-container .address-detail .address-item-detail .address h5, .location-container .address-container .address-detail .address-item-detail .address .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .location-container .address-container .address-detail .address-item-detail .address .title, .location-container .address-container .address-detail .address-item-detail .address .lexicon-content h3, .lexicon-content .location-container .address-container .address-detail .address-item-detail .address h3, .location-container .address-container .address-detail .address-item-detail .address #lexicon-list .lexicon-alphabet, #lexicon-list .location-container .address-container .address-detail .address-item-detail .address .lexicon-alphabet, .location-container .address-container .address-detail .address-item-detail .address section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .location-container .address-container .address-detail .address-item-detail .address h2, .location-container .address-container .address-detail .address-item-detail .address .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .location-container .address-container .address-detail .address-item-detail .address h2.media-introduction, .location-container .address-container .address-detail .address-item-detail .open-time h5, .location-container .address-container .address-detail .address-item-detail .open-time .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .location-container .address-container .address-detail .address-item-detail .open-time .title, .location-container .address-container .address-detail .address-item-detail .open-time .lexicon-content h3, .lexicon-content .location-container .address-container .address-detail .address-item-detail .open-time h3, .location-container .address-container .address-detail .address-item-detail .open-time #lexicon-list .lexicon-alphabet, #lexicon-list .location-container .address-container .address-detail .address-item-detail .open-time .lexicon-alphabet, .location-container .address-container .address-detail .address-item-detail .open-time section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .location-container .address-container .address-detail .address-item-detail .open-time h2, .location-container .address-container .address-detail .address-item-detail .open-time .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .location-container .address-container .address-detail .address-item-detail .open-time h2.media-introduction, .location-container .address-container .address-detail .address-item-detail .contact h5, .location-container .address-container .address-detail .address-item-detail .contact .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .location-container .address-container .address-detail .address-item-detail .contact .title, .location-container .address-container .address-detail .address-item-detail .contact .lexicon-content h3, .lexicon-content .location-container .address-container .address-detail .address-item-detail .contact h3, .location-container .address-container .address-detail .address-item-detail .contact #lexicon-list .lexicon-alphabet, #lexicon-list .location-container .address-container .address-detail .address-item-detail .contact .lexicon-alphabet, .location-container .address-container .address-detail .address-item-detail .contact section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .location-container .address-container .address-detail .address-item-detail .contact h2, .location-container .address-container .address-detail .address-item-detail .contact .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .location-container .address-container .address-detail .address-item-detail .contact h2.media-introduction, .location-container .address-container .address-detail .address-item-detail .website h5, .location-container .address-container .address-detail .address-item-detail .website .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .location-container .address-container .address-detail .address-item-detail .website .title, .location-container .address-container .address-detail .address-item-detail .website .lexicon-content h3, .lexicon-content .location-container .address-container .address-detail .address-item-detail .website h3, .location-container .address-container .address-detail .address-item-detail .website #lexicon-list .lexicon-alphabet, #lexicon-list .location-container .address-container .address-detail .address-item-detail .website .lexicon-alphabet, .location-container .address-container .address-detail .address-item-detail .website section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .location-container .address-container .address-detail .address-item-detail .website h2, .location-container .address-container .address-detail .address-item-detail .website .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .location-container .address-container .address-detail .address-item-detail .website h2.media-introduction, .location-container .address-container .address-detail .address-item-detail .offer h5, .location-container .address-container .address-detail .address-item-detail .offer .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .location-container .address-container .address-detail .address-item-detail .offer .title, .location-container .address-container .address-detail .address-item-detail .offer .lexicon-content h3, .lexicon-content .location-container .address-container .address-detail .address-item-detail .offer h3, .location-container .address-container .address-detail .address-item-detail .offer #lexicon-list .lexicon-alphabet, #lexicon-list .location-container .address-container .address-detail .address-item-detail .offer .lexicon-alphabet, .location-container .address-container .address-detail .address-item-detail .offer section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .location-container .address-container .address-detail .address-item-detail .offer h2, .location-container .address-container .address-detail .address-item-detail .offer .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .location-container .address-container .address-detail .address-item-detail .offer h2.media-introduction, .location-container .address-container .address-detail .address-item-detail .appointment h5, .location-container .address-container .address-detail .address-item-detail .appointment .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .location-container .address-container .address-detail .address-item-detail .appointment .title, .location-container .address-container .address-detail .address-item-detail .appointment .lexicon-content h3, .lexicon-content .location-container .address-container .address-detail .address-item-detail .appointment h3, .location-container .address-container .address-detail .address-item-detail .appointment #lexicon-list .lexicon-alphabet, #lexicon-list .location-container .address-container .address-detail .address-item-detail .appointment .lexicon-alphabet, .location-container .address-container .address-detail .address-item-detail .appointment section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .location-container .address-container .address-detail .address-item-detail .appointment h2, .location-container .address-container .address-detail .address-item-detail .appointment .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .location-container .address-container .address-detail .address-item-detail .appointment h2.media-introduction { margin-bottom: 0.25em; } .location-container .address-container .address-detail .address-item-detail .address a.btn, .location-container .address-container .address-detail .address-item-detail .open-time a.btn, .location-container .address-container .address-detail .address-item-detail .contact a.btn, .location-container .address-container .address-detail .address-item-detail .website a.btn, .location-container .address-container .address-detail .address-item-detail .offer a.btn, .location-container .address-container .address-detail .address-item-detail .appointment a.btn { margin: 0; } .location-container .address-container .address-detail .address-item-detail a[href^=tel] { color: #000000; font-family: "Gilroy-Regular", sans-serif; } #medical-centres .location-container .address-container .address-title-container .address-title a { font-size: 1.177em; line-height: 1.2em; } /* ---------------------------------------------------------------------- */ /* itc landingpage */ /* ---------------------------------------------------------------------- */ .landing-intro .row { margin-top: 0; } .landing-intro .row.landing-logo { margin-bottom: 0; } .landing-intro .row.landing-logo .landing-logo-container img { display: block; margin: 2em auto 3em auto; max-width: 200px; } #function-steps .vertical-steps-container { padding-top: 3.5em; } #function-steps .vertical-steps-container:before { background-color: #258BF5; top: 0; } #function-steps .vertical-steps-container .step-container { margin: 3em 0; } #function-steps .vertical-steps-container .step-container .function-video { margin-top: 1.5em; max-width: 790px; width: 100%; } #function-steps .vertical-steps-container .step-container:first-of-type { margin-top: 0; } #function-steps .vertical-steps-container .step-container:last-of-type { margin-bottom: 0; } #function-steps .vertical-steps-container .step-container:last-of-type:before { background-color: #FFFFFF; } #offered-by .logo-row .offeredby-logo-container { background: #FFFFFF; overflow: hidden; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } #offered-by .logo-row .offeredby-logo-container a { display: block; } #offered-by .logo-row .offeredby-logo-container:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } /* ---------------------------------------------------------------------- */ /* lexicon */ /* ---------------------------------------------------------------------- */ .lexicon-disclaimer { margin-top: 3em; } #lexicon-list .lexicon-alphabet { margin: 0; } #lexicon-list ul.lexicon-list { margin: 0 0 1.5em 0; } #lexicon-list ul.lexicon-list a { color: #000000; display: block; font-family: "Gilroy-Regular", sans-serif; padding: 0.1em 0; } #lexicon-list ul.lexicon-list a:hover { color: #40ECB8; } .lexicon-content ul li { margin: 0.5em 0; padding: 0 0 0 1em; position: relative; } .lexicon-content ul li:before { background-color: #258BF5; content: ""; display: block; height: 5px; width: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; position: absolute; top: 7px; left: 0; } .lexicon-content .vimeo-container { margin: 1.5em 0 0 0; } .lexicon-content figure.lexicon-image { margin: 1.5em 0; } .lexicon-content figure.full-width img, .lexicon-content figure.half-width img { display: block; margin: 0 auto; max-width: 100%; } .lexicon-content figure.full-width { display: block; width: 100%; } .lexicon-content figure.half-width { display: inline-block; width: 49%; } .lexicon-content figure.half-width img { max-width: 90%; } .lexicon-content hr { background: #F2F4F3; border: none; height: 2px; margin: 3em 0; } /* ---------------------------------------------------------------------- */ /* corona */ /* ---------------------------------------------------------------------- */ body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) { padding: 6em 0; text-align: center; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block { margin: 0 !important; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question { font-family: "Gilroy-SemiBold", sans-serif; font-size: 2.353em; line-height: 1.25em; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question-explain { margin-bottom: 1.5em; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .back-to-corona, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .back-to-corona { margin-bottom: 2.5em; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .back-to-corona a.btn, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .back-to-corona a.btn { margin: 0 auto; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .btn-group .btn.ans-yes:hover, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .btn-group .btn.ans-yes:hover { background: #40ECB8; color: #FFFFFF !important; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .btn-group .btn.ans-no:hover, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .btn-group .btn.ans-no:hover { background: #E96875; color: #FFFFFF !important; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .btn-group .btn.ans-idk:hover, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .btn-group .btn.ans-idk:hover { background: #C8E2FC; border-color: #C8E2FC; color: #1665CE !important; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result { padding: 6em 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-red p a, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-red ul a, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-orange p a, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-orange ul a, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-green p a, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-green ul a { color: #000000; text-decoration: underline; white-space: nowrap; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-red p a:hover, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-red ul a:hover, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-orange p a:hover, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-orange ul a:hover, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-green p a:hover, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-green ul a:hover { color: #FFFFFF; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-red { background: #E96875; color: #000000; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-orange { background: #FFB44B; color: #000000; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result.final-green { background: #40ECB8; color: #000000; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result .back-to-corona { margin: 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result .back-to-corona a.btn { margin: 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result .back-to-corona a.btn.arrow-back .svg { margin: 0 0.867em 0 0; vertical-align: middle; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result .back-to-corona a.btn.arrow-back:hover .svg { margin: 0 0.867em 0 0; } #corona-faq .ict-accordion-container .accordion-content p.no-margin { margin-bottom: 0.5em; } #corona-faq .ict-accordion-container .accordion-content p.no-margin b { color: #258BF5; } #corona-faq .ict-accordion-container .accordion-content .vimeo-container { margin-bottom: 2em; } #corona-faq .ict-accordion-container .accordion-content .vimeo-container:last-of-type { margin-bottom: 1em; } /* ---------------------------------------------------------------------- */ /* apotheken */ /* ---------------------------------------------------------------------- */ .bookADoc-wrapper { background: #FFFFFF; margin: 0 1%; padding: 0 2%; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .bookADoc-wrapper .bookADoc-container { padding: 3em 5%; } .bookADoc-wrapper .bookADoc-container .bookADoc-image { position: relative; } .bookADoc-wrapper .bookADoc-container .bookADoc-image .bookADoc-number { background: #40ECB8; color: #FFFFFF; font-family: "Gilroy-Bold", sans-serif; font-size: 1.5em; height: 2em; width: 2em; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: absolute; bottom: 10%; left: 5%; } .bookADoc-wrapper .bookADoc-container .bookADoc-image .bookADoc-icon { margin: 0 auto; width: 85%; } .bookADoc-wrapper .bookADoc-container .bookADoc-content { margin: 1.25em 0 0 0; } .bookADoc-wrapper:hover { background: #DFEEFE; -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .apotheke-form-container { margin-top: 2.5em; } .apotheke-form-container .apotheke-form .apotheke-radio-label .label-right { display: block !important; float: none; font-family: "Gilroy-Regular", sans-serif; font-weight: normal !important; margin: 0 0 0.5em 0; padding: 0; text-align: left; width: 100%; } .apotheke-form-container .apotheke-form .apotheke-radio-label .label-right label.control-label { color: #000000; font-weight: normal !important; padding: 0; } .apotheke-form-container .apotheke-form .apotheke-register-btn { margin-top: 2.5em !important; } /* ---------------------------------------------------------------------- */ /* hotlines-emergency */ /* ---------------------------------------------------------------------- */ body.hotlines-emergency .emergency-special .box-container { background: #AB3E5E; color: #FFFFFF; } body.hotlines-emergency .emergency-special .box-container h1, body.hotlines-emergency .emergency-special .box-container h2, body.hotlines-emergency .emergency-special .box-container h3, body.hotlines-emergency .emergency-special .box-container h4, body.hotlines-emergency .emergency-special .box-container .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title body.hotlines-emergency .emergency-special .box-container a, body.hotlines-emergency .emergency-special .box-container .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container body.hotlines-emergency .emergency-special .box-container h3, body.hotlines-emergency .emergency-special .box-container #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container body.hotlines-emergency .emergency-special .box-container h3, body.hotlines-emergency .emergency-special .box-container h5, body.hotlines-emergency .emergency-special .box-container .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle body.hotlines-emergency .emergency-special .box-container .title, body.hotlines-emergency .emergency-special .box-container section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content body.hotlines-emergency .emergency-special .box-container h2, body.hotlines-emergency .emergency-special .box-container #lexicon-list .lexicon-alphabet, #lexicon-list body.hotlines-emergency .emergency-special .box-container .lexicon-alphabet { color: #FFFFFF; } body.hotlines-emergency .emergency-special .box-container .btn.negative { color: #AB3E5E !important; } body.hotlines-emergency .emergency-special .box-container .btn.negative.arrow .svg, body.hotlines-emergency .emergency-special .box-container .btn.negative.email .svg, body.hotlines-emergency .emergency-special .box-container .btn.negative.arrow-back .svg, body.hotlines-emergency .emergency-special .box-container .btn.negative.phone .svg { stroke: #AB3E5E; } body.hotlines-emergency .emergency-special .box-container .btn.negative:hover { background: #FFFFFF; border-color: #AB3E5E; color: #AB3E5E !important; -webkit-box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(171, 62, 94, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } body.hotlines-emergency .emergency-special .box-container .btn.negative:hover.arrow .svg, body.hotlines-emergency .emergency-special .box-container .btn.negative:hover.email .svg, body.hotlines-emergency .emergency-special .box-container .btn.negative:hover.arrow-back .svg, body.hotlines-emergency .emergency-special .box-container .btn.negative:hover.phone .svg { stroke: #AB3E5E; } /* ---------------------------------------------------------------------- */ /* arzttermin buchen */ /* ---------------------------------------------------------------------- */ .claim-container .claim .terminBuchen-appRating { display: block; background: rgba(255, 255, 255, 0.8); margin-top: 2em; min-width: 250px; padding: 1em 0.5em; width: 40%; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } .claim-container .claim .terminBuchen-appRating .star-container { width: 100%; } .claim-container .claim .terminBuchen-appRating .star-container .star { height: 1.75em; margin: 0.5em 0.75em 1em 0; width: 1.75em; } .claim-container .claim .terminBuchen-appRating .star-container .star:last-of-type { margin-right: 0; } .claim-container .claim .terminBuchen-appRating p { color: #258BF5; font-family: "Gilroy-SemiBold", sans-serif; text-align: center; width: 100%; } .step-container .step-illu .mmc-function-illu img { display: block; max-width: 175px; width: 100%; } .step-container:nth-child(2) { margin-top: 3em; margin-bottom: 3em; } .terminTriplet-illu img { display: block; max-width: 120px; width: 100%; } /* ---------------------------------------------------------------------- */ /* talk to a doc */ /* ---------------------------------------------------------------------- */ .talk-to-doc-section .talkDoc-container .talkDoc-app, .talk-to-doc-section .talkDoc-container .talkDoc-web { box-sizing: border-box; color: #FFFFFF; padding: 2em 1.5em 1.5em 1.5em; width: 48.5%; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle { margin-bottom: 1em; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle .talkDoc-icon, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle .talkDoc-icon { width: 20%; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle .talkDoc-icon img, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle .talkDoc-icon img { width: 100%; max-width: 150px; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle .talkDoc-title, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle .talkDoc-title { width: 80%; } .talk-to-doc-section .talkDoc-container .talkDoc-app h1, .talk-to-doc-section .talkDoc-container .talkDoc-app h2, .talk-to-doc-section .talkDoc-container .talkDoc-app h3, .talk-to-doc-section .talkDoc-container .talkDoc-app h4, .talk-to-doc-section .talkDoc-container .talkDoc-app section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .talk-to-doc-section .talkDoc-container .talkDoc-app h2, .talk-to-doc-section .talkDoc-container .talkDoc-app .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .talk-to-doc-section .talkDoc-container .talkDoc-app a, .talk-to-doc-section .talkDoc-container .talkDoc-app .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .talk-to-doc-section .talkDoc-container .talkDoc-app h3, .talk-to-doc-section .talkDoc-container .talkDoc-app #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .talk-to-doc-section .talkDoc-container .talkDoc-app h3, .talk-to-doc-section .talkDoc-container .talkDoc-app h5, .talk-to-doc-section .talkDoc-container .talkDoc-app .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .talk-to-doc-section .talkDoc-container .talkDoc-app .title, .talk-to-doc-section .talkDoc-container .talkDoc-app section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .talk-to-doc-section .talkDoc-container .talkDoc-app h2, .talk-to-doc-section .talkDoc-container .talkDoc-app .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .talk-to-doc-section .talkDoc-container .talkDoc-app h2.media-introduction, .talk-to-doc-section .talkDoc-container .talkDoc-app #lexicon-list .lexicon-alphabet, #lexicon-list .talk-to-doc-section .talkDoc-container .talkDoc-app .lexicon-alphabet, .talk-to-doc-section .talkDoc-container .talkDoc-app .lexicon-content h3, .lexicon-content .talk-to-doc-section .talkDoc-container .talkDoc-app h3, .talk-to-doc-section .talkDoc-container .talkDoc-web h1, .talk-to-doc-section .talkDoc-container .talkDoc-web h2, .talk-to-doc-section .talkDoc-container .talkDoc-web h3, .talk-to-doc-section .talkDoc-container .talkDoc-web h4, .talk-to-doc-section .talkDoc-container .talkDoc-web section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .talk-to-doc-section .talkDoc-container .talkDoc-web h2, .talk-to-doc-section .talkDoc-container .talkDoc-web .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .talk-to-doc-section .talkDoc-container .talkDoc-web a, .talk-to-doc-section .talkDoc-container .talkDoc-web .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .talk-to-doc-section .talkDoc-container .talkDoc-web h3, .talk-to-doc-section .talkDoc-container .talkDoc-web #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .talk-to-doc-section .talkDoc-container .talkDoc-web h3, .talk-to-doc-section .talkDoc-container .talkDoc-web h5, .talk-to-doc-section .talkDoc-container .talkDoc-web .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .talk-to-doc-section .talkDoc-container .talkDoc-web .title, .talk-to-doc-section .talkDoc-container .talkDoc-web section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .talk-to-doc-section .talkDoc-container .talkDoc-web h2, .talk-to-doc-section .talkDoc-container .talkDoc-web .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .talk-to-doc-section .talkDoc-container .talkDoc-web h2.media-introduction, .talk-to-doc-section .talkDoc-container .talkDoc-web #lexicon-list .lexicon-alphabet, #lexicon-list .talk-to-doc-section .talkDoc-container .talkDoc-web .lexicon-alphabet, .talk-to-doc-section .talkDoc-container .talkDoc-web .lexicon-content h3, .lexicon-content .talk-to-doc-section .talkDoc-container .talkDoc-web h3 { color: #FFFFFF; } .talk-to-doc-section .talkDoc-container .talkDoc-app h3, .talk-to-doc-section .talkDoc-container .talkDoc-web h3 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; margin: 0; } .talk-to-doc-section .talkDoc-container .talkDoc-app p.big, .talk-to-doc-section .talkDoc-container .talkDoc-app #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text p.happy-patient-testimonial, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .talk-to-doc-section .talkDoc-container .talkDoc-app p.happy-patient-testimonial, .talk-to-doc-section .talkDoc-container .talkDoc-app #experienced-doctors .experienced-doctor-container .experienced-doctor-text p.experienced-doctor-testimonial, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .talk-to-doc-section .talkDoc-container .talkDoc-app p.experienced-doctor-testimonial, .talk-to-doc-section .talkDoc-container .talkDoc-app #function-steps .vertical-steps-container .step-container p, #function-steps .vertical-steps-container .step-container .talk-to-doc-section .talkDoc-container .talkDoc-app p, .talk-to-doc-section .talkDoc-container .talkDoc-app body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block p.question-explain, .talk-to-doc-section .talkDoc-container .talkDoc-app body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block p.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .talk-to-doc-section .talkDoc-container .talkDoc-app p.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .talk-to-doc-section .talkDoc-container .talkDoc-app p.question-explain, .talk-to-doc-section .talkDoc-container .talkDoc-web p.big, .talk-to-doc-section .talkDoc-container .talkDoc-web #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text p.happy-patient-testimonial, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .talk-to-doc-section .talkDoc-container .talkDoc-web p.happy-patient-testimonial, .talk-to-doc-section .talkDoc-container .talkDoc-web #experienced-doctors .experienced-doctor-container .experienced-doctor-text p.experienced-doctor-testimonial, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .talk-to-doc-section .talkDoc-container .talkDoc-web p.experienced-doctor-testimonial, .talk-to-doc-section .talkDoc-container .talkDoc-web #function-steps .vertical-steps-container .step-container p, #function-steps .vertical-steps-container .step-container .talk-to-doc-section .talkDoc-container .talkDoc-web p, .talk-to-doc-section .talkDoc-container .talkDoc-web body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block p.question-explain, .talk-to-doc-section .talkDoc-container .talkDoc-web body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block p.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .talk-to-doc-section .talkDoc-container .talkDoc-web p.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .talk-to-doc-section .talkDoc-container .talkDoc-web p.question-explain { font-family: "Gilroy-SemiBold", sans-serif; } .talk-to-doc-section .talkDoc-container .talkDoc-app a.talkDoc-moreLink, .talk-to-doc-section .talkDoc-container .talkDoc-web a.talkDoc-moreLink { color: #FFFFFF; font-family: "Gilroy-Regular", sans-serif; } .talk-to-doc-section .talkDoc-container .talkDoc-app a.talkDoc-moreLink .svg, .talk-to-doc-section .talkDoc-container .talkDoc-web a.talkDoc-moreLink .svg { display: inline-block; margin: -0.1em 0.7em 0 0; overflow: inherit; stroke: #FFFFFF; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; width: 0.8em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .talk-to-doc-section .talkDoc-container .talkDoc-app a.talkDoc-moreLink:hover, .talk-to-doc-section .talkDoc-container .talkDoc-web a.talkDoc-moreLink:hover { color: #40ECB8; } .talk-to-doc-section .talkDoc-container .talkDoc-app a.talkDoc-moreLink:hover .svg, .talk-to-doc-section .talkDoc-container .talkDoc-web a.talkDoc-moreLink:hover .svg { stroke: #40ECB8; margin: -0.1em 0.5em 0 0.2em; } .talk-to-doc-section .talkDoc-container .talkDoc-app:hover, .talk-to-doc-section .talkDoc-container .talkDoc-web:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .talk-to-doc-section .talkDoc-container .talkDoc-app { background-color: #258BF5; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-text .btn-group { margin: 1em 0 1.5em 0; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-text .btn-group .btn { margin: 0; padding-left: 1.25em; padding-right: 1.25em; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-text .btn-group .btn:first-of-type { margin-right: 1em; } .talk-to-doc-section .talkDoc-container .talkDoc-web { background: #AB3E5E; } /* ---------------------------------------------------------------------- */ /* pharmacy finder */ /* ---------------------------------------------------------------------- */ section.pharmacyFinder-container { padding-top: 0; } section.pharmacyFinder-container .pharmacyFinder-searchContainer { background: #40ECB8; padding: 2em 0; } section.pharmacyFinder-container .pharmacyFinder-searchContainer .pharmacyFinder-searchField input#search-input { background: #FFFFFF; border: 2px solid #FFFFFF; box-sizing: border-box; margin: 0; padding: 0.75em 1em; width: calc(75% - 2em); -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } section.pharmacyFinder-container .pharmacyFinder-searchContainer .pharmacyFinder-searchField input#search-input:hover { background: rgba(255, 255, 255, 0.5); } section.pharmacyFinder-container .pharmacyFinder-searchContainer .pharmacyFinder-searchField input#search-input:focus { background: #FFFFFF; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } section.pharmacyFinder-container .pharmacyFinder-searchContainer .pharmacyFinder-searchField input#search-btn { background: #1665CE; border: 2px solid #1665CE; box-sizing: border-box; color: #FFFFFF; cursor: pointer; font-family: "Gilroy-SemiBold", sans-serif; margin: 0; padding: 0.75em 0.5em; width: 25%; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } section.pharmacyFinder-container .pharmacyFinder-searchContainer .pharmacyFinder-searchField input#search-btn:hover { background: #FFFFFF; border: 2px solid #FFFFFF; color: #1665CE; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } section.pharmacyFinder-container .pharmacyFinder-mapContainer { background: #FFFFFF; height: 800px; width: 100%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-mapHolder { display: block; height: 800px; overflow: hidden; position: relative; width: 65%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-mapHolder .pharmacyFinder-map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address { height: 800px; position: relative; width: 35%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container { height: 800px; overflow: scroll; padding: 0 3em; width: 100%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container .accordion-toggle { padding-left: 0; padding-right: 0; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container .accordion-content { padding-left: 0; padding-right: 0; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container .accordion-content .address-title-container .address-title a { font-size: 1.177em; line-height: 1.2em; margin: 0; padding: 0.25em 0; width: 100%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container .accordion-content .address-title-container .address-title a .address-title-marker .svg { margin: 0 0.45em 0 0; overflow: inherit; stroke: #258BF5; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; width: 0.75em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container .accordion-content .address-title-container .address-title a .address-title-text { font-family: "Gilroy-Regular", sans-serif; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container .accordion-content .address-title-container .address-title a:hover .address-title-marker .svg { stroke: #40ECB8; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail { background: #FFFFFF; padding: 3em; transform: translateX(5em); visibility: hidden; z-index: 1; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail.show { transform: translateX(0); visibility: visible; opacity: 1; filter: alpha(opacity=100); } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail.show .close-container { transform: translateX(0); } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .close-container { transform: translateX(-5em); position: absolute; top: 3em; right: 3em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .close-container a { background: #E96875; box-sizing: border-box; display: block; height: 3em; line-height: 3em; text-align: center; width: 3em; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .close-container a .svg { overflow: inherit; width: 1em; stroke: #FFFFFF; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .close-container a:hover { background: #40ECB8; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .close-container a:hover .svg { stroke: #FFFFFF; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address { display: block; margin: 1em 0 0 0; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address h5, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .title, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address h2, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address h2.media-introduction, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address #lexicon-list .lexicon-alphabet, #lexicon-list section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .lexicon-alphabet, section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .lexicon-content h3, .lexicon-content section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address h3 { margin-bottom: 0.25em; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address h5:nth-child(3), section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .ict-accordion-container .accordion-toggle .title:nth-child(3), .ict-accordion-container .accordion-toggle section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .title:nth-child(3), section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address section.media-container .media-row .media-column .media-container .media-content h2:nth-child(3), section.media-container .media-row .media-column .media-container .media-content section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address h2:nth-child(3), section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .mediaDetail-box .mediaDetail-container h2.media-introduction:nth-child(3), .mediaDetail-box .mediaDetail-container section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address h2.media-introduction:nth-child(3), section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address #lexicon-list .lexicon-alphabet:nth-child(3), #lexicon-list section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .lexicon-alphabet:nth-child(3), section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address .lexicon-content h3:nth-child(3), .lexicon-content section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address h3:nth-child(3) { margin-top: 1em; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address a.btn { margin: 1em 0 0 0; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address a.btn .svg { display: inline-block; height: 1.5em; margin: 0 0.867em 0 0; overflow: inherit; stroke: #FFFFFF; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 1.5em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address a.btn .svg path { fill: #FFFFFF; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail a[href^=tel] { color: #000000; font-family: "Gilroy-Regular", sans-serif; } section.pharma-edit .pharma-edit-list table { border-collapse: collapse; } section.pharma-edit .pharma-edit-list table tr { border-top: 1px solid #CDD4D1; } section.pharma-edit .pharma-edit-list table tr th, section.pharma-edit .pharma-edit-list table tr td { padding: 0.5em 0.25em 0.4em 0.25em; } section.pharma-edit .pharma-edit-list table tr th:first-of-type, section.pharma-edit .pharma-edit-list table tr td:first-of-type { width: 50px; } section.pharma-edit .pharma-edit-list table tr th:first-of-type a, section.pharma-edit .pharma-edit-list table tr td:first-of-type a { display: block; } section.pharma-edit .pharma-edit-list table tr:last-of-type { border-bottom: 1px solid #CDD4D1; } section.pharma-edit .pharma-edit-list table tr:nth-child(even) { background: #FFFFFF; } section.pharma-edit .pharma-edit-list table tr:nth-child(odd) { background: #F2F4F3; } section.pharma-edit .pharma-edit-list table th { color: #258BF5; font-family: "Gilroy-Bold", sans-serif; font-weight: normal; text-align: left; } section.pharma-edit .pharma-edit-form input { margin: 0 0 2em 0; } section.pharma-edit .pharma-edit-form input[type=submit] { background: #1665CE; border: 2px solid #1665CE; border: none; color: #FFFFFF; cursor: pointer; font-family: "Gilroy-SemiBold", sans-serif; font-size: 0.885em; padding: 0.95em 1.8em; margin-top: 1em; margin-bottom: 0; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; } section.pharma-edit .pharma-edit-form input[type=submit]:hover { background: #40ECB8; } /* ---------------------------------------------------------------------- */ /* search results */ /* ---------------------------------------------------------------------- */ .searchResults-container { padding-top: 8em; } .searchResults-container .sb-default { margin: 2em auto 5em auto !important; padding: 0; width: 75%; } .searchResults-container .sb-default .col-md-12 { padding: 0; } .searchResults-container .sb-default .adv-search { max-width: 100%; width: 100%; } .searchResults-container .sb-default .adv-search input.search-box { background: none transparent !important; border: none; border-bottom: 2px solid #258BF5; color: #000000; font-family: "Gilroy-SemiBold", sans-serif; font-size: 17px; height: 50px; margin: 0; padding: 0 3em 0 1em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .searchResults-container .sb-default .adv-search input.search-box.placeholder { color: #000000; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .searchResults-container .sb-default .adv-search input.search-box:-moz-placeholder { color: #000000; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .searchResults-container .sb-default .adv-search input.search-box::-moz-placeholder { color: #000000; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .searchResults-container .sb-default .adv-search input.search-box:-ms-input-placeholder { color: #000000; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .searchResults-container .sb-default .adv-search input.search-box::-webkit-input-placeholder { color: #000000; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .searchResults-container .sb-default .adv-search input.search-box:hover, .searchResults-container .sb-default .adv-search input.search-box:focus { border-color: #40ECB8; color: #000000; } .searchResults-container .sb-default .adv-search input.search-box:hover.placeholder, .searchResults-container .sb-default .adv-search input.search-box:focus.placeholder { color: #000000; } .searchResults-container .sb-default .adv-search input.search-box:hover:-moz-placeholder, .searchResults-container .sb-default .adv-search input.search-box:focus:-moz-placeholder { color: #000000; } .searchResults-container .sb-default .adv-search input.search-box:hover::-moz-placeholder, .searchResults-container .sb-default .adv-search input.search-box:focus::-moz-placeholder { color: #000000; } .searchResults-container .sb-default .adv-search input.search-box:hover:-ms-input-placeholder, .searchResults-container .sb-default .adv-search input.search-box:focus:-ms-input-placeholder { color: #000000; } .searchResults-container .sb-default .adv-search input.search-box:hover::-webkit-input-placeholder, .searchResults-container .sb-default .adv-search input.search-box:focus::-webkit-input-placeholder { color: #000000; } .searchResults-container .sb-default .adv-search .input-group-btn { width: auto; z-index: 50; position: absolute; top: 0; right: 0; } .searchResults-container .sb-default .adv-search .input-group-btn .btn-group .search-btn { background: none transparent !important; border: none; color: #258BF5; font-size: 17px; padding: 0.75em 1em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .searchResults-container .sb-default .adv-search .input-group-btn .btn-group .search-btn:hover { color: #40ECB8; } .searchResults-container .sb-default .adv-search .input-group-btn .btn-group .search-btn:focus { outline: 0; } .searchResults-container .sb-default .adv-search .input-group-btn .btn-group .search-btn .glyphicon-search { top: 4px; } .searchResults-container .sb-head, .searchResults-container .sb-footer .sb-exectime { display: none; } .searchResults-container .sb-live-result .sb-opt .sb-container { display: block; float: none; margin: 1.75em 0; padding: 0; } .searchResults-container .sb-live-result .sb-opt .sb-container .sb-title { color: #258BF5; font-size: 1.177em; font-weight: normal; line-height: 1.35em; margin: 0; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .searchResults-container .sb-live-result .sb-opt .sb-container .sb-title a { color: #258BF5; text-decoration: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .searchResults-container .sb-live-result .sb-opt .sb-container .sb-title a .highlight { font-family: "Gilroy-Bold", sans-serif; font-weight: normal; } .searchResults-container .sb-live-result .sb-opt .sb-container .sb-title a:hover { color: #000000; } .searchResults-container .sb-live-result .sb-opt .sb-container a.sb-link { color: #A4B0AB; font-family: "Gilroy-Regular", sans-serif; font-size: 0.9em; margin: 0 0 0.25em 0; text-decoration: none; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .searchResults-container .sb-live-result .sb-opt .sb-container a.sb-link:hover { color: #000000; } .searchResults-container .sb-live-result .sb-opt .sb-container .sb-description { font-family: "Gilroy-Regular", sans-serif !important; } .searchResults-container .sb-live-result .sb-opt .sb-container .sb-description .highlight { font-family: "Gilroy-SemiBold", sans-serif; font-weight: normal; } .searchResults-container .sb-footer { float: none; } .searchResults-container .sb-footer ul.sb-pagination { margin: 2em auto 0 auto; } .searchResults-container .sb-footer ul.sb-pagination li { display: block; } .searchResults-container .sb-footer ul.sb-pagination li a { background: none transparent; border: none; border-bottom: 2px solid #F2F4F3; color: #258BF5; font-size: 17px; line-height: 21px; padding: 0.5em; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .searchResults-container .sb-footer ul.sb-pagination li a:hover { color: #40ECB8; } .searchResults-container .sb-footer ul.sb-pagination li.sb-page.active a { border-color: #40ECB8; color: #000000; } .searchResults-container .sb-footer ul.sb-pagination li.sb-page.active a:hover { background: none transparent; } /* ---------------------------------------------------------------------- */ /* default */ /* ---------------------------------------------------------------------- */ .default-runat section:first-of-type { padding-top: 1.5em; } .default-box-container { box-sizing: border-box; padding: 2em 3em; position: relative; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .default-box-container:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .default-box-container hr { border: none; height: 2px; margin: 3em 0; } .default-box-container.white-bg, .default-box-container.parallax-container:nth-child(even) { background: #FFFFFF; } .default-box-container.white-bg hr, .default-box-container.parallax-container:nth-child(even) hr { background: #F2F4F3; } .default-box-container.blue-bg, .default-box-container.parallax-container:nth-child(odd) { background-color: #258BF5; color: #FFFFFF; } .default-box-container.blue-bg h1, .default-box-container.parallax-container:nth-child(odd) h1, .default-box-container.blue-bg h2, .default-box-container.parallax-container:nth-child(odd) h2, .default-box-container.blue-bg h3, .default-box-container.parallax-container:nth-child(odd) h3, .default-box-container.blue-bg h4, .default-box-container.parallax-container:nth-child(odd) h4, .default-box-container.blue-bg section.media-container .box-container .box-content h2, .default-box-container.parallax-container:nth-child(odd) section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .default-box-container.blue-bg h2, section.media-container .box-container .box-content .default-box-container.parallax-container:nth-child(odd) h2, .default-box-container.blue-bg .location-container .address-container .address-title-container .address-title a, .default-box-container.parallax-container:nth-child(odd) .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .default-box-container.blue-bg a, .location-container .address-container .address-title-container .address-title .default-box-container.parallax-container:nth-child(odd) a, .default-box-container.blue-bg .location-container .address-container .address-title-container h3, .default-box-container.parallax-container:nth-child(odd) .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .default-box-container.blue-bg h3, .location-container .address-container .address-title-container .default-box-container.parallax-container:nth-child(odd) h3, .default-box-container.blue-bg #function-steps .vertical-steps-container .step-container h3, .default-box-container.parallax-container:nth-child(odd) #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .default-box-container.blue-bg h3, #function-steps .vertical-steps-container .step-container .default-box-container.parallax-container:nth-child(odd) h3, .default-box-container.blue-bg h5, .default-box-container.parallax-container:nth-child(odd) h5, .default-box-container.blue-bg .ict-accordion-container .accordion-toggle .title, .default-box-container.parallax-container:nth-child(odd) .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .default-box-container.blue-bg .title, .ict-accordion-container .accordion-toggle .default-box-container.parallax-container:nth-child(odd) .title, .default-box-container.blue-bg section.media-container .media-row .media-column .media-container .media-content h2, .default-box-container.parallax-container:nth-child(odd) section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .default-box-container.blue-bg h2, section.media-container .media-row .media-column .media-container .media-content .default-box-container.parallax-container:nth-child(odd) h2, .default-box-container.blue-bg .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .default-box-container.blue-bg h2.media-introduction, .default-box-container.blue-bg #lexicon-list .lexicon-alphabet, .default-box-container.parallax-container:nth-child(odd) #lexicon-list .lexicon-alphabet, #lexicon-list .default-box-container.blue-bg .lexicon-alphabet, #lexicon-list .default-box-container.parallax-container:nth-child(odd) .lexicon-alphabet { color: #FFFFFF; } .default-box-container.blue-bg hr, .default-box-container.parallax-container:nth-child(odd) hr { background: #FFFFFF; } .default-box-container.blue-bg a, .default-box-container.parallax-container:nth-child(odd) a { color: #40ECB8; } .default-box-container.blue-bg a:hover, .default-box-container.parallax-container:nth-child(odd) a:hover { color: #FFFFFF; } /* ---------------------------------------------------------------------- */ /* accordion */ /* ---------------------------------------------------------------------- */ .ict-accordion-container .accordion-toggle { border-top: 2px solid #258BF5; cursor: pointer; padding: 1em 2em 1em 2em; } .ict-accordion-container .accordion-toggle .title { display: block; float: left; margin: 0; width: calc(100% - 2em); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .ict-accordion-container .accordion-toggle .svg { display: block; float: right; margin-top: 0.5em; overflow: inherit; width: 1.75em; stroke: #000000; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; -webkit-transition: stroke 200ms linear; -moz-transition: stroke 200ms linear; -ms-transition: stroke 200ms linear; -o-transition: stroke 200ms linear; transition: stroke 200ms linear; } .ict-accordion-container .accordion-toggle:hover .title { color: #40ECB8; } .ict-accordion-container .accordion-toggle:hover .svg { stroke: #40ECB8; } .ict-accordion-container .accordion-toggle.show .title { color: #000000; } .ict-accordion-container .accordion-toggle.show .svg { stroke: #40ECB8; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ict-accordion-container .accordion-toggle:first-of-type { border-top: none; } .ict-accordion-container .accordion-content { padding: 0 2em 1em 2em; } /* ---------------------------------------------------------------------- */ /* swiper */ /* ---------------------------------------------------------------------- */ .swiper-container { padding-bottom: 5em; } .swiper-container .swiper-wrapper .swiper-slide { background: #FFFFFF; color: #000000; min-height: 380px; padding: 1em 0; text-align: center; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } .swiper-container .swiper-wrapper .swiper-slide .swiper-content { padding: 0 1em; width: 100%; } .swiper-container .swiper-wrapper .swiper-slide .swiper-content .swiper-icon img { display: block; max-width: 100px; margin: 0 auto; } .swiper-container .swiper-wrapper .swiper-slide .swiper-content .swiper-title { color: #258BF5; display: block; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.177em; line-height: 1.35em; margin: 1.5em 0 1em 0; } .swiper-container .swiper-wrapper .swiper-slide .swiper-content .swiper-text a:hover { color: #1665CE; } .swiper-container .swiper-wrapper .swiper-slide:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .swiper-container .swiper-pagination { bottom: 0; height: 24px; } .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { background: #FFFFFF; border: 2px solid #FFFFFF; box-sizing: border-box; height: 24px; margin: 0 12px; width: 24px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #40ECB8; border-color: #40ECB8; } .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover { background: transparent; border-color: #40ECB8; } .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active-prev, .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active-next { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev, .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65); transform: scale(0.65); } .swiper-container.news-swiper .swiper-wrapper .swiper-slide { display: block; padding: 0; position: relative; text-align: left; overflow: hidden; } .swiper-container.news-swiper .swiper-wrapper .swiper-slide .swiper-image { position: relative; width: 100%; } .swiper-container.news-swiper .swiper-wrapper .swiper-slide .swiper-image:after { content: ""; display: block; padding-bottom: 100%; } .swiper-container.news-swiper .swiper-wrapper .swiper-slide .swiper-content { box-sizing: border-box; margin-top: 0.25em; margin-bottom: 4.75em; } .swiper-container.news-swiper .swiper-wrapper .swiper-slide .swiper-content .swiper-title { margin: 0.5em 0 0.25em 0; } .swiper-container.news-swiper .swiper-wrapper .swiper-slide a.btn { margin: 0; position: absolute; bottom: 1em; left: 1em; } /* ---------------------------------------------------------------------- */ /* rekrutierung-special */ /* ---------------------------------------------------------------------- */ body.rekrutierung-special .mainimg-container { height: 700px; margin-bottom: 0; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content { background: rgba(37, 139, 245, 0.9); padding: 2.5em; transform: none; background-blend-mode: multiply; mix-blend-mode: multiply; position: absolute; top: auto; bottom: 0; -webkit-border-radius: 2.5em 2.5em 0 0; -moz-border-radius: 2.5em 2.5em 0 0; -ms-border-radius: 2.5em 2.5em 0 0; -o-border-radius: 2.5em 2.5em 0 0; border-radius: 2.5em 2.5em 0 0; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h1, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h4, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content section.media-container .box-container .box-content h2, section.media-container .box-container .box-content body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h2, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content a, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h3, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h3 { color: #FFFFFF; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h1 { font-size: 52px; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h4, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content section.media-container .box-container .box-content h2, section.media-container .box-container .box-content body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h2, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content a, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h3, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h3 { font-family: "Gilroy-Regular", sans-serif; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content a.btn.negative:hover { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF !important; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content a.btn.negative:hover.arrow .svg, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content a.btn.negative:hover.email .svg, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content a.btn.negative:hover.arrow-back .svg { stroke: #FFFFFF; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content a.btn.negative:hover.app .svg path, body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content a.btn.negative:hover.video .svg path { fill: #FFFFFF !important; } body.rekrutierung-special .mainimg-container .rsNav.rsTabs { display: none; } body.rekrutierung-special .footer-container { margin-top: 0; } body.rekrutierung-special #advantage h1, body.rekrutierung-special #application-process h1 { color: #40ECB8; font-size: 1.177em; line-height: 1.35em; } body.rekrutierung-special #advantage h3, body.rekrutierung-special #application-process h3 { font-size: 1.177em; line-height: 1.2em; } body.rekrutierung-special #advantage .wrapper .advantage-row:last-of-type { margin-top: 4.5em; } body.rekrutierung-special #advantage .advantages-container .advantages-icon { margin-bottom: 1.5em; } body.rekrutierung-special #advantage .advantages-container .advantages-icon img { height: 5.5em; } body.rekrutierung-special #advantage .advantages-container .advantages-text h3 { margin-bottom: 1.5em; } body.rekrutierung-special #application-process .process-row { margin-top: 3em; } body.rekrutierung-special #application-process .process-row [class*=column-] { background: #DFEEFE; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } body.rekrutierung-special #application-process .process-row:last-of-type { margin-top: 6em; } body.rekrutierung-special #application-process .process-container { padding: 0 3em 3em 3em; text-align: center; } body.rekrutierung-special #application-process .process-container .process-number { background: #40ECB8; height: 3em; margin: 0 auto 1em auto; transform: translateY(-1.5em); width: 3em; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; } body.rekrutierung-special #application-process .process-container .process-number span { color: #258BF5; font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.177em; line-height: 1.35em; } body.rekrutierung-special #application-process .process-container .process-text h3 { margin-bottom: 1.5em; } body.rekrutierung-special #job-apply h2, body.rekrutierung-special #become-doc h2 { margin-bottom: 0.25em; } body.rekrutierung-special #job-apply .btn-group.inline, body.rekrutierung-special #become-doc .btn-group.inline { margin-top: 2em; } body.rekrutierung-special #job-apply .btn-group.inline a.btn, body.rekrutierung-special #become-doc .btn-group.inline a.btn { margin-bottom: 0; } body.rekrutierung-special #job-apply .btn-group.inline a.btn.negative:hover, body.rekrutierung-special #become-doc .btn-group.inline a.btn.negative:hover { background: #40ECB8; border-color: #40ECB8; color: #FFFFFF !important; } body.rekrutierung-special #job-apply .btn-group.inline a.btn.negative:hover.arrow .svg, body.rekrutierung-special #job-apply .btn-group.inline a.btn.negative:hover.email .svg, body.rekrutierung-special #job-apply .btn-group.inline a.btn.negative:hover.arrow-back .svg, body.rekrutierung-special #become-doc .btn-group.inline a.btn.negative:hover.arrow .svg, body.rekrutierung-special #become-doc .btn-group.inline a.btn.negative:hover.email .svg, body.rekrutierung-special #become-doc .btn-group.inline a.btn.negative:hover.arrow-back .svg { stroke: #FFFFFF; } body.rekrutierung-special #job-apply .btn-group.inline a.btn.negative:hover.app .svg path, body.rekrutierung-special #job-apply .btn-group.inline a.btn.negative:hover.video .svg path, body.rekrutierung-special #become-doc .btn-group.inline a.btn.negative:hover.app .svg path, body.rekrutierung-special #become-doc .btn-group.inline a.btn.negative:hover.video .svg path { fill: #FFFFFF !important; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer { padding-top: 10em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h5, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h2.media-introduction, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead #lexicon-list .lexicon-alphabet, #lexicon-list body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .lexicon-alphabet, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .lexicon-content h3, .lexicon-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .title, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h5, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2.media-introduction, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form #lexicon-list .lexicon-alphabet, #lexicon-list body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-alphabet, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-content h3, .lexicon-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .title { font-family: "Gilroy-SemiBold", sans-serif; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2 { color: #000000; font-size: 1.765em; line-height: 1.335em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3 { color: #000000; font-family: "Gilroy-Regular", sans-serif; font-size: 1.765em; line-height: 1.335em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn { font-size: 1.177em; height: 6em; line-height: 1.35em; margin: 2em 0; padding: 1em; position: relative; width: 47%; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn:before { background-color: #40ECB8; background-image: url(../content/icons/checkmark-form.svg); background-size: 0.8em; background-position: center center; background-repeat: no-repeat; border: 2px solid #FFFFFF; content: ""; height: 1.25em; width: 1.25em; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; position: absolute; top: 0.65em; right: 4%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 0; filter: alpha(opacity=0); } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn.active { background: #258BF5; border-color: #258BF5; color: #FFFFFF !important; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn.active:before { top: -0.65em; opacity: 1; filter: alpha(opacity=100); } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h5, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2.media-introduction, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form #lexicon-list .lexicon-alphabet, #lexicon-list body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-alphabet, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-content h3, .lexicon-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .title { margin-top: 3em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkbox-container { cursor: pointer; font-weight: 400; margin: 0.65em 0; min-height: 1.5em; padding-left: 2em; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkbox-container input { cursor: pointer; height: 0; opacity: 0; position: absolute; width: 0; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkmark { background-color: #DFEEFE; height: 1.5em; width: 1.5em; position: absolute; top: -1px; left: 0; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; -ms-border-radius: 0.2em; -o-border-radius: 0.2em; border-radius: 0.2em; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; transition: background-color 200ms linear; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkbox-container:hover input ~ .checkmark { background-color: #C8E2FC; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkbox-container input:checked ~ .checkmark { background-color: #40ECB8; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkmark:after { content: ""; position: absolute; display: none; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkbox-container input:checked ~ .checkmark:after { display: block; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checkbox-container .checkmark:after { background-image: url(../content/icons/checkmark-form.svg); background-size: 0.9em; background-position: center center; background-repeat: no-repeat; height: 1.5em; width: 1.5em; position: absolute; top: 0; left: 0; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .checktext { line-height: 1.5em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-next .btn { min-width: 47%; text-align: center; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-next .btn:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } /* ---------------------------------------------------------------------- */ /* blog */ /* ---------------------------------------------------------------------- */ #blog-stories .blogTeasers-container { margin-left: -1%; margin-right: -1%; } #blog-stories .blogTeasers-container .blogStory-container { background: #FFFFFF; box-sizing: border-box; margin: 0 1% 1.5em 1%; overflow: hidden; position: relative; width: 31.33333%; -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-image { height: 250px; position: relative; width: 100%; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-content { padding: 1em 1em 5em 1em; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-content .blogStory-date, #blog-stories .blogTeasers-container .blogStory-container .blogStory-content .blogStory-category { color: #A4B0AB; font-size: 0.9em; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-content .blogStory-category { margin-bottom: 0.75em; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-content h3 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.177em; line-height: 1.35em; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-content p strong, #blog-stories .blogTeasers-container .blogStory-container .blogStory-content p em { font-family: "Gilroy-Regular", sans-serif; font-style: normal; font-weight: 400; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-link { position: absolute; bottom: 1em; left: 1em; } #blog-stories .blogTeasers-container .blogStory-container:hover { -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } #blog-stories .posts-pagination { display: block; margin-top: 2em; text-align: center; } #blog-stories .posts-pagination .page-numbers { border-bottom: 2px solid #F2F4F3; color: #000000; font-family: "Gilroy-Regular", sans-serif; line-height: 1.5em; padding: 0.5em 0.25em; } #blog-stories .posts-pagination .page-numbers:hover { border-color: #1665CE; color: #1665CE; } #blog-stories .posts-pagination .page-numbers.current { border-bottom: 2px solid #1665CE; color: #1665CE; font-family: "Gilroy-Bold", sans-serif; font-style: normal; } section.blog-section { padding-top: 8em; } .blog-content .blogDetail-container .blogStory-image figure { border-radius: 0.588em; overflow: hidden; } .blog-content .blogDetail-container .blogStory-image figure img { max-width: 100%; height: auto !important; width: auto !important; } .blog-content .blogDetail-container .blogStory-content { margin-top: 1em; margin-bottom: 2em; } .blog-content .blogDetail-container .blogStory-content .blogStory-date, .blog-content .blogDetail-container .blogStory-content .blogStory-category { color: #A4B0AB; font-size: 0.9em; } .blog-content .blogDetail-container .blogStory-content .blogStory-category { margin-bottom: 2em; } .blog-content .blogDetail-container .blogStory-content .blogStory-title { font-size: 2.9412em; line-height: 1.2em; margin-bottom: 0.75em; } .blog-content .blogDetail-container .blogStory-content .blogStory-post h2, .blog-content .blogDetail-container .blogStory-content .blogStory-post h3, .blog-content .blogDetail-container .blogStory-content .blogStory-post h4, .blog-content .blogDetail-container .blogStory-content .blogStory-post .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .blog-content .blogDetail-container .blogStory-content .blogStory-post a, .blog-content .blogDetail-container .blogStory-content .blogStory-post #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .blog-content .blogDetail-container .blogStory-content .blogStory-post h3, .blog-content .blogDetail-container .blogStory-content .blogStory-post h5, .blog-content .blogDetail-container .blogStory-content .blogStory-post section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .blog-content .blogDetail-container .blogStory-content .blogStory-post h2, .blog-content .blogDetail-container .blogStory-content .blogStory-post #lexicon-list .lexicon-alphabet, #lexicon-list .blog-content .blogDetail-container .blogStory-content .blogStory-post .lexicon-alphabet, .blog-content .blogDetail-container .blogStory-content .blogStory-post .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .blog-content .blogDetail-container .blogStory-content .blogStory-post .title, .blog-content .blogDetail-container .blogStory-content .blogStory-post strong { color: #258BF5; font-family: "Gilroy-Bold", sans-serif; font-weight: 400; } .blog-content .blogDetail-container .blogStory-content .blogStory-post h2, .blog-content .blogDetail-container .blogStory-content .blogStory-post h3, .blog-content .blogDetail-container .blogStory-content .blogStory-post h4, .blog-content .blogDetail-container .blogStory-content .blogStory-post .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .blog-content .blogDetail-container .blogStory-content .blogStory-post a, .blog-content .blogDetail-container .blogStory-content .blogStory-post #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .blog-content .blogDetail-container .blogStory-content .blogStory-post h3, .blog-content .blogDetail-container .blogStory-content .blogStory-post h5, .blog-content .blogDetail-container .blogStory-content .blogStory-post section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .blog-content .blogDetail-container .blogStory-content .blogStory-post h2, .blog-content .blogDetail-container .blogStory-content .blogStory-post #lexicon-list .lexicon-alphabet, #lexicon-list .blog-content .blogDetail-container .blogStory-content .blogStory-post .lexicon-alphabet, .blog-content .blogDetail-container .blogStory-content .blogStory-post .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .blog-content .blogDetail-container .blogStory-content .blogStory-post .title { font-size: 1.177em; line-height: 1.35em; margin: 1em 0; } .blog-content .blogDetail-container .blogStory-content .blogStory-tags { margin-top: 2em; } .blog-content .blogDetail-container .blogStory-content .blogStory-tags a.tag-link { display: inline-block; margin: 0 1em 0 0; text-transform: capitalize; } /* ---------------------------------------------------------------------- */ /* App Banner */ /* ---------------------------------------------------------------------- */ .appBanner-container { background: #F8F9F9; border-bottom: 1px solid #CDD4D1; display: none; z-index: 1000; position: fixed; top: 0; right: 0; left: 0; } .appBanner-container .appBanner-flex { margin: 0 auto; max-width: 1200px; padding: 0.9em 0; width: 94%; } .appBanner-container .appBanner-flex .appBanner-close { width: 0.7em; } .appBanner-container .appBanner-flex .appBanner-close a .svg { display: block; height: 0.7em; width: 0.7em; overflow: inherit; stroke: #A4B0AB; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .appBanner-container .appBanner-flex .appBanner-close a .svg:hover { stroke: #E96875; } .appBanner-container .appBanner-flex .appBanner-icon { background: #FFFFFF; border: 1px solid #CDD4D1; height: 3em; margin: 0 2%; width: 3em; -webkit-border-radius: 0.9em; -moz-border-radius: 0.9em; -ms-border-radius: 0.9em; -o-border-radius: 0.9em; border-radius: 0.9em; -webkit-flex-shrink: 0; -webkit-box-flex: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .appBanner-container .appBanner-flex .appBanner-icon img { width: 2.4em; } .appBanner-container .appBanner-flex .appBanner-content h5, .appBanner-container .appBanner-flex .appBanner-content section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .appBanner-container .appBanner-flex .appBanner-content h2, .appBanner-container .appBanner-flex .appBanner-content .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .appBanner-container .appBanner-flex .appBanner-content h2.media-introduction, .appBanner-container .appBanner-flex .appBanner-content #lexicon-list .lexicon-alphabet, #lexicon-list .appBanner-container .appBanner-flex .appBanner-content .lexicon-alphabet, .appBanner-container .appBanner-flex .appBanner-content .lexicon-content h3, .lexicon-content .appBanner-container .appBanner-flex .appBanner-content h3, .appBanner-container .appBanner-flex .appBanner-content .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .appBanner-container .appBanner-flex .appBanner-content .title { color: #000000; font-family: "Gilroy-SemiBold", sans-serif; font-size: 0.9em; line-height: 1.25em; margin: 0; } .appBanner-container .appBanner-flex .appBanner-content p { font-size: 0.8em; line-height: 1.25em; } .appBanner-container .appBanner-flex .appBanner-content figure .svg { display: block; height: 0.85em; width: 4.5em; margin: 0.1em 0 0 0; overflow: inherit; stroke-width: 0; stroke-linecap: round; stroke-linejoin: round; } .appBanner-container .appBanner-flex .appBanner-content figure .svg path { fill: #258BF5; } .appBanner-container .appBanner-flex .appBanner-btn { margin: 0 0 0 auto; } .appBanner-container .appBanner-flex .appBanner-btn a.btn { font-size: 0.8em; margin: 0; padding: 0.4em 0.9em 0.25em 0.9em; text-transform: uppercase; } /* ---------------------------------------------------------------------- */ /* parallax */ /* ---------------------------------------------------------------------- */ .parallax-container { position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: 1200px 800px; } .parallax-container .wrapper { height: 800px; min-height: 800px; } .parallax-container .wrapper .row { margin-top: 0; margin-bottom: 0; width: 100%; } .parallax-container.home-parallax { background-attachment: scroll; } .parallax-container.home-parallax .home-appmobile-image { display: none; } .parallax-container.home-parallax h2 { font-family: "Gilroy-SemiBold", sans-serif; font-size: 2.353em; line-height: 1.25em; margin-bottom: 0.25em; } .parallax-container.home-parallax h3 { font-family: "Gilroy-Bold", sans-serif; font-size: 1.765em; line-height: 1.335em; } /* ---------------------------------------------------------------------- */ /* mm-menu */ /* ---------------------------------------------------------------------- */ .mm-menu { background: #FFFFFF; } .mm-menu .mm-panels .mm-panel { padding: 50px 0 0 0; } .mm-menu .mm-panels .mm-panel#mm-1 { padding-top: 0; } .mm-menu .mm-panels .mm-panel#mm-1 .mm-navbar { display: none; } .mm-menu .mm-panels .mm-panel .mm-navbar { border: none; height: 50px; margin-top: 50px; padding: 0 25px 0 50px; text-align: left; } .mm-menu .mm-panels .mm-panel .mm-navbar .mm-prev { height: 50px; padding: 0; width: 50px; } .mm-menu .mm-panels .mm-panel .mm-navbar .mm-prev:before { border-color: #40ECB8; height: 10px; width: 10px; } .mm-menu .mm-panels .mm-panel .mm-navbar .mm-title { color: #000000; line-height: 50px; padding: 0; } .mm-menu .mm-panels .mm-listview { margin-top: 30px !important; margin-left: 0; margin-right: 0; } .mm-menu .mm-panels .mm-listview li a { color: #000000; font-family: "Gilroy-Regular", sans-serif; height: 50px; line-height: 50px; padding: 0 1em; } .mm-menu .mm-panels .mm-listview li.active { background: #F2F4F3; } .mm-menu .mm-panels .mm-listview li.active a { color: #000000; font-family: "Gilroy-SemiBold", sans-serif; } .mm-menu .mm-panels .mm-listview li .mm-next { box-sizing: border-box; width: 100%; z-index: 1; } .mm-menu .mm-panels .mm-listview li .mm-next:after { border-color: #40ECB8; height: 10px; width: 10px; } .mm-menu .mm-panels .mm-listview li .mm-next:before { display: none; } .mm-menu .mm-panels .mm-listview li:after { display: none; } .mm-menu .mm-panels .mm-listview li:last-of-type { margin-bottom: 31px; } .mm-menu .mobile-language-container { background: #258BF5; height: 50px; position: relative; z-index: 10; } .mm-menu .mobile-language-container ul.dropdown-menu li { display: block; float: left; width: 25%; } .mm-menu .mobile-language-container ul.dropdown-menu li a { color: #FFFFFF; display: block; font-size: 0.9em; line-height: 50px; text-align: center; } .mm-menu .mobile-language-container ul.dropdown-menu li.active a { color: #40ECB8; font-family: "Gilroy-Bold", sans-serif; } .mm-menu .mobile-search-container { background: #DFEEFE; height: 50px; position: relative; z-index: 10; } .mm-menu .mobile-search-container .bstrap30 .row { margin: 0; padding: 0; } .mm-menu .mobile-search-container .bstrap30 .row .col-md-12 { float: none; padding: 0; } .mm-menu .mobile-search-container .bstrap30 .adv-search { height: 50px; width: 100%; } .mm-menu .mobile-search-container .bstrap30 .adv-search .twitter-typeahead { height: 50px; width: calc(100% - 50px); } .mm-menu .mobile-search-container .bstrap30 .adv-search .twitter-typeahead input.search-box { background: none transparent !important; border: none; color: #000000; font-family: "Gilroy-SemiBold", sans-serif; font-size: 16px; height: 50px; margin: 0; padding: 0 1em; width: 100%; -webkit-transition: all 133.3333333333ms linear; -moz-transition: all 133.3333333333ms linear; -ms-transition: all 133.3333333333ms linear; -o-transition: all 133.3333333333ms linear; transition: all 133.3333333333ms linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .mm-menu .mobile-search-container .bstrap30 .adv-search .twitter-typeahead input.search-box.tt-hint { display: none !important; } .mm-menu .mobile-search-container .bstrap30 .adv-search .twitter-typeahead input.search-box.placeholder { color: #258BF5; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .mm-menu .mobile-search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:-moz-placeholder { color: #258BF5; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .mm-menu .mobile-search-container .bstrap30 .adv-search .twitter-typeahead input.search-box::-moz-placeholder { color: #258BF5; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .mm-menu .mobile-search-container .bstrap30 .adv-search .twitter-typeahead input.search-box:-ms-input-placeholder { color: #258BF5; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .mm-menu .mobile-search-container .bstrap30 .adv-search .twitter-typeahead input.search-box::-webkit-input-placeholder { color: #258BF5; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; opacity: 1; filter: alpha(opacity=100); } .mm-menu .mobile-search-container .bstrap30 .adv-search .twitter-typeahead .tt-menu { display: none !important; } .mm-menu .mobile-search-container .bstrap30 .adv-search .input-group-btn { height: 50px; width: 50px; } .mm-menu .mobile-search-container .bstrap30 .adv-search .input-group-btn .btn-group { border-left: 1px solid #FFFFFF; height: 50px; margin: 0; width: 50px; } .mm-menu .mobile-search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn { background: none transparent !important; border: none; color: #258BF5 !important; font-size: 18px; height: 50px; padding: 0; width: 50px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .mm-menu .mobile-search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn:hover { color: #000000 !important; } .mm-menu .mobile-search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn:focus { outline: 0; } .mm-menu .mobile-search-container .bstrap30 .adv-search .input-group-btn .btn-group .search-btn .glyphicon-search { top: 0; } .mm-menu .mobile-footer-container { background: #258BF5; position: absolute; right: 0; bottom: 0; left: 0; } .mm-menu .mobile-footer-container a { color: #FFFFFF; font-size: 0.9em; height: 50px; } .mm-page:before { background: rgba(0, 0, 0, 0); content: ""; display: block; pointer-events: none; z-index: 110; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .mm-opened .mm-page:before { background: rgba(0, 0, 0, 0.5); } .mm-opened #userlikeButtonContainer { display: none; } /* ---------------------------------------------------------------------- */ /* video-popup */ /* ---------------------------------------------------------------------- */ .mfp-bg { background: #FFFFFF; opacity: 0.9; filter: alpha(opacity=90); } .mfp-iframe-holder .mfp-content { max-width: 1200px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #258BF5; opacity: 1; filter: alpha(opacity=100); } .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover { color: #40ECB8; } .mfp-iframe-scaler iframe { background: #FFFFFF; -webkit-box-shadow: 0 2px 12px rgba(37, 139, 245, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(37, 139, 245, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(37, 139, 245, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(37, 139, 245, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(37, 139, 245, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } /* ---------------------------------------------------------------------- */ /* login */ /* ---------------------------------------------------------------------- */ .login-section { padding-top: 8em; } .login-section .DnnModule-Authentication { display: block; width: 100%; } .login-section .LoginPanel { display: block; float: none; padding: 0; width: 100%; } .login-section .LoginPanel .dnnForm .dnnFormItem { margin: 1.5em 0; } .login-section .LoginPanel .dnnForm .dnnFormItem .dnnLabel { float: none; margin: 0; padding: 0; text-align: left; width: 100%; } .login-section .LoginPanel .dnnForm .dnnFormItem input { background: transparent; border: none; border-bottom: 2px solid #CDD4D1; border-radius: 0; box-shadow: none; box-sizing: border-box; color: #000000; display: inline-block; font-size: 100%; height: 40px; line-height: inherit; margin: 0; padding: 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .login-section .LoginPanel .dnnForm .dnnFormItem input:hover, .login-section .LoginPanel .dnnForm .dnnFormItem input:focus { background: transparent; border-color: #40ECB8; } .login-section .LoginPanel .dnnForm .dnnFormItem input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .login-section .LoginPanel .dnnForm .dnnFormItem a.dnnPrimaryAction, .login-section .LoginPanel .dnnForm .dnnFormItem a.dnnSecondaryAction { display: inline-block; font-weight: normal; margin: 0; text-shadow: none; } .login-section .LoginPanel .dnnForm .dnnFormItem a.dnnPrimaryAction { margin-right: 1em; } .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(3) { margin-bottom: 1em; } .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(4) { margin-top: 1em; } .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(4) span.dnnFormLabel { display: none; } .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(5) .dnnLoginActions ul { margin: 0; padding: 0; } .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(5) .dnnLoginActions ul a.dnnSecondaryAction { background: none; border: none; color: #000000; font-family: "Gilroy-Regular", sans-serif; font-size: 1em; padding: 0 0 0 1.75em; } .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(5) .dnnLoginActions ul a.dnnSecondaryAction:hover { box-shadow: none; color: #40ECB8; } .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(3) span, .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(5) span { display: none; } .login-section .LoginPanel .dnnForm .dnnFormItem:first-of-type, .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(5) { margin-top: 0; } .login-section .LoginPanel .dnnForm .dnnFormItem:last-of-type, .login-section .LoginPanel .dnnForm .dnnFormItem:nth-child(4) { margin-bottom: 0; } .login-section .LoginPanel .dnnForm .dnnFormItem .dnnClear:after { display: none; } .login-section .dnnSocialRegistration { display: none; } .login-section .dnnFormMessage.dnnFormValidationSummary { background: none; border: none; color: #E96875; font-family: "Gilroy-SemiBold", sans-serif; margin: 0 0 1.5em 0; padding: 0; } /* ---------------------------------------------------------------------- */ /* document-library */ /* ---------------------------------------------------------------------- */ .doclibrary-table { margin-bottom: 3em; } .doclibrary-table .doclib-tableheader, .doclibrary-table .doclib-tablerow { border-top: 1px solid #258BF5; padding: 0.8em 0.5em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .doclibrary-table .doclib-tableheader .doclibtable-title, .doclibrary-table .doclib-tablerow .doclibtable-title { width: 40%; } .doclibrary-table .doclib-tableheader .doclibtable-country, .doclibrary-table .doclib-tablerow .doclibtable-country { width: 20%; } .doclibrary-table .doclib-tableheader .doclibtable-language, .doclibrary-table .doclib-tablerow .doclibtable-language { width: 13%; } .doclibrary-table .doclib-tableheader .doclibtable-published, .doclibrary-table .doclib-tablerow .doclibtable-published { width: 14%; } .doclibrary-table .doclib-tableheader .doclibtable-download, .doclibrary-table .doclib-tablerow .doclibtable-download { width: 13%; } .doclibrary-table .doclib-tableheader .doclibtable-download a .svg, .doclibrary-table .doclib-tablerow .doclibtable-download a .svg { display: block; overflow: inherit; height: 1.3em; width: 1.3em; margin-right: 0.5em; stroke-width: 0; stroke-linecap: round; stroke-linejoin: round; } .doclibrary-table .doclib-tableheader .doclibtable-download a .svg path, .doclibrary-table .doclib-tablerow .doclibtable-download a .svg path { fill: #1665CE; -webkit-transition: fill 200ms linear; -moz-transition: fill 200ms linear; -ms-transition: fill 200ms linear; -o-transition: fill 200ms linear; transition: fill 200ms linear; } .doclibrary-table .doclib-tableheader .doclibtable-download a:hover .svg path, .doclibrary-table .doclib-tablerow .doclibtable-download a:hover .svg path { fill: #40ECB8; } .doclibrary-table .doclib-tableheader:last-of-type, .doclibrary-table .doclib-tablerow:last-of-type { border-bottom: 1px solid #258BF5; } .doclibrary-table .doclib-tableheader { font-family: "Gilroy-Bold", sans-serif; } .doclibrary-table .doclib-tableheader .doclibtable-download { text-align: right; } .doclibrary-table .doclib-tablerow:hover { background: #F2F4F3; } .doclibrary-table .doclib-tablerow.empty-row { height: 3em; } .doclibrary-table .doclib-tablerow.empty-row:hover { background: #FFFFFF; } .doclibrary-table:last-of-type { margin-bottom: 0; } .faqlibrary-table { margin-bottom: 3em; } .faqlibrary-table .faqlib-tablerow { border-top: 1px solid #258BF5; color: #000000; font-family: "Gilroy-Regular", sans-serif; padding: 0.8em 0.5em; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .faqlibrary-table .faqlib-tablerow .faqlibtable-title { width: 94%; } .faqlibrary-table .faqlib-tablerow .faqlibtable-arrow { margin-left: 2%; width: 4%; } .faqlibrary-table .faqlib-tablerow .faqlibtable-arrow .svg { display: block; overflow: inherit; height: 1.4em; width: 1.4em; margin-left: 0; stroke: #1665CE; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .faqlibrary-table .faqlib-tablerow:last-of-type { border-bottom: 1px solid #258BF5; } .faqlibrary-table .faqlib-tablerow:hover { background: #F2F4F3; color: #258BF5; } .faqlibrary-table .faqlib-tablerow:hover .faqlibtable-arrow .svg { margin-left: 0.5em; } .faqlibrary-table:last-of-type { margin-bottom: 0; } /* ---------------------------------------------------------------------- */ /* Special-Events */ /* ---------------------------------------------------------------------- */ .main-party .header-container, .main-party .mainimg-container, .main-party .footer-container { display: none; } .main-party .info-section, .main-party .form-section { background: #000000; color: #FFFFFF; } .main-party .info-section h1, .main-party .info-section h2, .main-party .info-section h3, .main-party .info-section h4, .main-party .info-section section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .main-party .info-section h2, .main-party .info-section .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .main-party .info-section a, .main-party .info-section .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .main-party .info-section h3, .main-party .info-section #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .main-party .info-section h3, .main-party .form-section h1, .main-party .form-section h2, .main-party .form-section h3, .main-party .form-section h4, .main-party .form-section section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .main-party .form-section h2, .main-party .form-section .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .main-party .form-section a, .main-party .form-section .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .main-party .form-section h3, .main-party .form-section #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .main-party .form-section h3 { color: #DB0000; } .main-party .info-section h1.white, .main-party .info-section h2.white, .main-party .info-section h3.white, .main-party .info-section h4.white, .main-party .info-section section.media-container .box-container .box-content h2.white, section.media-container .box-container .box-content .main-party .info-section h2.white, .main-party .info-section .location-container .address-container .address-title-container .address-title a.white, .location-container .address-container .address-title-container .address-title .main-party .info-section a.white, .main-party .info-section .location-container .address-container .address-title-container h3.white, .location-container .address-container .address-title-container .main-party .info-section h3.white, .main-party .info-section #function-steps .vertical-steps-container .step-container h3.white, #function-steps .vertical-steps-container .step-container .main-party .info-section h3.white, .main-party .form-section h1.white, .main-party .form-section h2.white, .main-party .form-section h3.white, .main-party .form-section h4.white, .main-party .form-section section.media-container .box-container .box-content h2.white, section.media-container .box-container .box-content .main-party .form-section h2.white, .main-party .form-section .location-container .address-container .address-title-container .address-title a.white, .location-container .address-container .address-title-container .address-title .main-party .form-section a.white, .main-party .form-section .location-container .address-container .address-title-container h3.white, .location-container .address-container .address-title-container .main-party .form-section h3.white, .main-party .form-section #function-steps .vertical-steps-container .step-container h3.white, #function-steps .vertical-steps-container .step-container .main-party .form-section h3.white { color: #FFFFFF; } .main-party .info-section { padding-bottom: 1px; } .main-party .info-section .medlogo-container { margin-bottom: 4em; } .main-party .info-section .medlogo-container figure { max-width: 300px; width: 30%; } .main-party .info-section .medintro-container { margin-bottom: 3em; } .main-party .info-section .medintro-container figure { margin-bottom: 4em; } .main-party .info-section .medtop-container, .main-party .info-section .medcostume-container, .main-party .info-section .medfood-container { margin-bottom: 4em; } .main-party .info-section .medcostume-container figure { margin-top: 4em; } .main-party .info-section .medfood-container { margin-bottom: 0; } .main-party .form-section { padding-top: 1em; } .main-party .form-section a { color: #FFFFFF; } .main-party .form-section a:hover { color: #DB0000; } .main-party .form-section p b, .main-party .form-section p strong { color: #DB0000; } .main-party .form-section .party-form-container .bstrap30 .row { margin: 0; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 { float: none; margin: 0; padding: 0; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group { margin: 1.25em 0; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .label-top label { color: #DB0000; font-size: 1.177em; font-family: "Gilroy-Bold", sans-serif; font-weight: normal !important; line-height: 1.2em; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group:nth-child(1) .label-top, .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group:nth-child(2) .label-top { display: none; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container { float: none; margin: 0; padding: 0; position: relative; width: 100%; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container input { background: transparent; border: none; border-bottom: 2px solid #FFFFFF; border-radius: 0; box-shadow: none; box-sizing: border-box; color: #FFFFFF !important; display: block; font-family: "Gilroy-Regular", sans-serif; font-size: 1.177em; line-height: 1.2em; height: 40px; margin: 0; padding: 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container input.placeholder { color: #DB0000; opacity: 1; filter: alpha(opacity=100); } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container input:-moz-placeholder { color: #DB0000; opacity: 1; filter: alpha(opacity=100); } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container input::-moz-placeholder { color: #DB0000; opacity: 1; filter: alpha(opacity=100); } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container input:-ms-input-placeholder { color: #DB0000; opacity: 1; filter: alpha(opacity=100); } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container input::-webkit-input-placeholder { color: #DB0000; opacity: 1; filter: alpha(opacity=100); } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container input:hover, .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container input:focus { border-color: #DB0000; color: #FFFFFF; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .radio, .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .checkbox { font-size: 1.177em; line-height: 1.2em; margin: 0.25em 0; padding: 0; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .radio label, .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .checkbox label { padding: 0; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .radio label input[type=radio], .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .radio label input[type=checkbox], .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .checkbox label input[type=radio], .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .checkbox label input[type=checkbox] { height: 0.9em; width: 0.9em; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .radio label span, .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container .checkbox label span { display: block; float: left; margin-left: 1.5em; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container.has-error input { border-color: #40ECB8; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container.has-error input.placeholder { color: #40ECB8; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container.has-error input:-moz-placeholder { color: #40ECB8; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container.has-error input::-moz-placeholder { color: #40ECB8; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container.has-error input:-ms-input-placeholder { color: #40ECB8; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container.has-error input::-webkit-input-placeholder { color: #40ECB8; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container.has-error label { color: #40ECB8; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container.has-error span.text-danger { color: #40ECB8; font-family: "Gilroy-Bold", sans-serif; font-size: 0.8em; line-height: 1.1em; pointer-events: none; text-align: right; position: absolute; right: 0; bottom: 0.5em; left: 25%; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container button.btn.submit { background: #DB0000; border: none; color: #FFFFFF; box-sizing: border-box; display: inline-block; font-family: "Gilroy-SemiBold", sans-serif; font-size: 0.885em; margin: 0; outline: none; padding: 0.75em 2.5em; position: relative; text-transform: none; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .main-party .form-section .party-form-container .bstrap30 .row .col-sm-12 .form-group .field-container button.btn.submit:hover { background: #FFFFFF; border-color: #FFFFFF; color: #DB0000; -webkit-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 12px rgba(64, 236, 184, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15); } .main-party .form-section .party-form-container .bstrap30 .alert { font-family: "Gilroy-SemiBold", sans-serif; font-size: 1.177em; line-height: 1.2em; margin: 0; padding: 1em; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .main-party .form-section .party-form-container .bstrap30 .alert.alert-danger.server-error { background: #000000; border-color: #000000; color: #EA4487; } .main-party .form-section .party-form-container .bstrap30 .alert.alert-info.submit-confirm { background: #40ECB8; border-color: #40ECB8; color: #000000; } .main-party .form-section .party-form-container .bstrap30 .alert p { margin: 0; } .main-party .form-section .medflix-note { background: #DB0000; font-family: "Gilroy-SemiBold", sans-serif; margin-bottom: 1.5em; padding: 1.5em; } .film-premiere { background: #000000; color: #FFFFFF; } .film-premiere .header-container, .film-premiere .footer-container { display: none; } .film-premiere .mainimg-container { background: #000000; height: auto; padding: 0; } .film-premiere .mainimg-container .mainimg-image { height: auto; margin-top: 0; } .film-premiere .mainimg-container .mainimg-image figure { height: auto; width: 100%; } .film-premiere .mainimg-container .mainimg-image figure img { max-height: 700px; } .film-premiere .info-section .intro-container h1, .film-premiere .info-section .intro-container h2 { color: #FFB12C; } .film-premiere .info-section .countdown-container h2 { color: #FFFFFF; margin: 0.5em 0 0 0; } .film-premiere .info-section .countdown-container h2 strong { font-weight: normal; white-space: nowrap; } .film-premiere .info-section .countdown-container p { margin-top: 1em; } .film-premiere .info-section h1 { font-family: "HollywoodHills"; font-weight: bold; font-style: normal; font-size: 5em; letter-spacing: 5px; } .film-premiere .info-section .video-container { margin-top: 3em; margin-bottom: 3em; } /* ---------------------------------------------------------------------- */ /* germany */ /* ---------------------------------------------------------------------- */ .germany .header-container, .germany .footer-container { display: none; } .germany .header-container.germany-custom, .germany .footer-container.germany-custom { display: block; } .germany section.germany-content { padding: 8em 0 2em 0; } .germany section.germany-content .row { margin-top: 0; margin-bottom: 0; } .germany section.germany-content .row .box-container { margin: 0; } .germany .footer-container.germany-custom { padding: 2em 0; } .germany .footer-container.germany-custom .row { margin: 1.5em -1%; } .germany .footer-container.germany-custom address { line-height: 1.5em; } .germany .footer-container.germany-custom address h4, .germany .footer-container.germany-custom address section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .germany .footer-container.germany-custom address h2, .germany .footer-container.germany-custom address .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .germany .footer-container.germany-custom address a, .germany .footer-container.germany-custom address .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .germany .footer-container.germany-custom address h3, .germany .footer-container.germany-custom address #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .germany .footer-container.germany-custom address h3 { color: #FFFFFF; font-family: "Gilroy-Bold", sans-serif; font-size: 1.177em; margin-bottom: 0.25em; padding: 0.4em 0; } .germany .footer-container.germany-custom address a { color: #FFFFFF; font-family: "Gilroy-Regular", sans-serif; } .germany .footer-container.germany-custom address a:hover { color: #40ECB8; } @media (max-height: 900px) { .germany section.germany-content { display: block; height: auto; padding: 8em 0; } } /* ---------------------------------------------------------------------- */ /* Optimed Tele */ /* ---------------------------------------------------------------------- */ .optimed-subtitle { margin-bottom: 3em; } .optimed-subtitle .optimedSubtitle-icon { margin-right: 3%; width: 15%; } .optimed-subtitle .optimedSubtitle-title { width: 82%; } .optimed-subtitle .optimedSubtitle-title h2 { margin: 0; } ul.optimed-list, ol.optimed-list { margin: 0 0 1.5em 1.5em; } ul.optimed-list li, ol.optimed-list li { margin: 0.35em 0 0.35em 0.35em; } ul.optimed-list ul, ul.optimed-list ol, ol.optimed-list ul, ol.optimed-list ol { margin: 0 0 1.5em 1.5em; } ul.optimed-list ul, ol.optimed-list ul { list-style: disc; } ul.optimed-list { list-style: disc; } ol.optimed-list { list-style: decimal; } table.optimed-table { border: none; border-collapse: collapse; font-size: 17px; line-height: 21px; margin: 1.5em 0 3em 0; width: 100%; } table.optimed-table tr { border: none; border-top: 1px solid #258BF5; } table.optimed-table tr td { border: none; padding: 0.8em 0.5em; } table.optimed-table tr:last-of-type { border-bottom: 1px solid #258BF5; } /* ---------------------------------------------------------------------- */ /* user centric youtube banner */ /* ---------------------------------------------------------------------- */ .uc-embedding-powered-by { display: none; } .uc-embedding-wrapper { padding: 30px !important; } .uc-embedding-wrapper h3 { font-family: "Gilroy-Bold", sans-serif; font-weight: normal !important; line-height: 25px; color: #258BF5; } .uc-embedding-wrapper p, .uc-embedding-wrapper span { font-family: "Gilroy-Regular", sans-serif; } .uc-embedding-accept { font-family: "Gilroy-Regular", sans-serif; background-color: #004e7b !important; color: white !important; } .uc-embedding-more-info { font-family: "Gilroy-Regular", sans-serif; background-color: gray !important; color: white !important; } .uc-embedding-wrapper .description-text { font-family: "Gilroy-Regular", sans-serif; color: gray !important; line-height: 1.2rem !important; } /* ---------------------------------------------------------------------- */ /* generic table */ /* ---------------------------------------------------------------------- */ .basicStructure-table { margin: 2em 0; } .basicStructure-table .basicStructure-tableheader, .basicStructure-table .doclib-tablerow { border-top: 1px solid #258BF5; padding: 0.8em 0; } .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-], .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] { min-height: 1px; margin: 0 1%; padding: 0; } .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-].align-right, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-].align-right { text-align: right; } .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-] a.basicStructure-link svg.svg.pdf, .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-] a.basicStructure-link svg.svg.video, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] a.basicStructure-link svg.svg.pdf, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] a.basicStructure-link svg.svg.video { display: block; overflow: inherit; height: 1.4em; width: 1.4em; margin-right: 0.5em; stroke-width: 0; stroke-linecap: round; stroke-linejoin: round; } .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-] a.basicStructure-link svg.svg.pdf path, .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-] a.basicStructure-link svg.svg.video path, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] a.basicStructure-link svg.svg.pdf path, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] a.basicStructure-link svg.svg.video path { fill: #1665CE; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-] a.basicStructure-link:hover svg.svg.pdf path, .basicStructure-table .basicStructure-tableheader [class*=basicStructure-col-] a.basicStructure-link:hover svg.svg.video path, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] a.basicStructure-link:hover svg.svg.pdf path, .basicStructure-table .doclib-tablerow [class*=basicStructure-col-] a.basicStructure-link:hover svg.svg.video path { fill: #40ECB8; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-1, .basicStructure-table .doclib-tablerow .basicStructure-col-1 { width: 6.3333333333%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-2, .basicStructure-table .doclib-tablerow .basicStructure-col-2 { width: 14.6666666667%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-3, .basicStructure-table .doclib-tablerow .basicStructure-col-3 { width: 23%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-4, .basicStructure-table .doclib-tablerow .basicStructure-col-4 { width: 31.3333333333%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-5, .basicStructure-table .doclib-tablerow .basicStructure-col-5 { width: 39.6666666667%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-6, .basicStructure-table .doclib-tablerow .basicStructure-col-6 { width: 48%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-7, .basicStructure-table .doclib-tablerow .basicStructure-col-7 { width: 56.3333333333%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-8, .basicStructure-table .doclib-tablerow .basicStructure-col-8 { width: 64.6666666667%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-9, .basicStructure-table .doclib-tablerow .basicStructure-col-9 { width: 73%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-10, .basicStructure-table .doclib-tablerow .basicStructure-col-10 { width: 81.3333333333%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-11, .basicStructure-table .doclib-tablerow .basicStructure-col-11 { width: 89.6666666667%; } .basicStructure-table .basicStructure-tableheader .basicStructure-col-12, .basicStructure-table .doclib-tablerow .basicStructure-col-12 { width: 98%; } .basicStructure-table .basicStructure-tableheader:last-of-type, .basicStructure-table .doclib-tablerow:last-of-type { border-bottom: 1px solid #258BF5; } .basicStructure-table .basicStructure-tableheader { font-family: "Gilroy-Bold", sans-serif; } /* -------------------------------------------------------------------------------------------------------------------------------------------- */ /* responsive styling */ /* -------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------- */ @media (max-width: 1280px) { /* ---------------------------------------------------------------------- */ /* layout */ /* ---------------------------------------------------------------------- */ .header-container .row.main-navigation-container { font-size: 0.9em; } .header-container .header-container .nav-container .primary ul li:last-of-type a { padding-left: 1em !important; padding-right: 1em !important; } .footer-container .service-content a { margin-right: 1em; } .mainimg-container.medgate-app .claim-container .claim { width: 56.33333%; } #happy-patients .happy-patient-row .happy-patient-container { margin-top: -4em; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-portrait { margin-bottom: -1.5em; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text { width: 69%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-testimonial { padding: 0.85em 0.85em 0.5em 0.85em; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-name { padding: 0 1em 0.75em 1em; } section.mediaDetail-firstSection .socialShare-container { width: 60px; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link { font-size: 0.95em; width: 60px; } /* ---------------------------------------------------------------------- */ /* design modules */ /* ---------------------------------------------------------------------- */ .vertical-steps-container:before { left: -2.4em; } .vertical-steps-container .step-container .step-nr { height: 1.7em; left: -2.2em; line-height: 1.9em; width: 1.7em; } .horizontal-steps-container:before { top: 1.5em; } .horizontal-steps-container .step-container .step-nr { height: 1.7em; line-height: 1.9em; width: 1.7em; } .horizontal-steps-container .step-container:before { top: 1.5em; } /* ---------------------------------------------------------------------- */ /* location map */ /* ---------------------------------------------------------------------- */ .location-container .map-container { width: 60%; } .location-container .address-container { width: 40%; } /* ---------------------------------------------------------------------- */ /* pharmacy finder */ /* ---------------------------------------------------------------------- */ section.pharmacyFinder-container .pharmacyFinder-searchContainer { padding: 1.5em 0; } section.pharmacyFinder-container .pharmacyFinder-searchContainer .column-10.offset-1 { margin-left: 1%; width: 98%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-mapHolder { width: 60%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address { width: 40%; } /* ---------------------------------------------------------------------- */ /* swiper */ /* ---------------------------------------------------------------------- */ .swiper-container { padding-bottom: 4em; } .swiper-container .swiper-pagination { height: 22px; } .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { height: 22px; margin: 0 11px; width: 22px; } /* ---------------------------------------------------------------------- */ /* parallax */ /* ---------------------------------------------------------------------- */ .parallax-container { background-size: contain; } .main-party .info-section { padding-top: 2em; } .main-party .info-section .medlogo-container.column-10.offset-1, .main-party .info-section .medintro-container.column-10.offset-1, .main-party .info-section .medtop-container.column-10.offset-1, .main-party .info-section .medcostume-container.column-10.offset-1, .main-party .info-section .medfood-container.column-10.offset-1 { margin-left: 17.66667%; width: 64.66667%; } .main-party .info-section .medlogo-container { margin-bottom: 3em; } .main-party .info-section .medintro-container { margin-bottom: 2em; } .main-party .info-section .medintro-container figure { margin-bottom: 3em; } .main-party .info-section .medtop-container, .main-party .info-section .medcostume-container { margin-bottom: 3em; } .main-party .info-section .medcostume-container figure { margin-top: 3em; } .main-party .form-section .offset-1 { margin-left: 17.66667%; } } /* -------------------------------------------------------------------------------------------------------------------------------------------- */ @media (max-width: 1024px) { /* ---------------------------------------------------------------------- */ /* typography */ /* ---------------------------------------------------------------------- */ body { font-size: 16px; line-height: 20px; } h1, h2, h3, h4, section.media-container .box-container .box-content h2, .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container h3, #function-steps .vertical-steps-container .step-container h3, h5, section.media-container .media-row .media-column .media-container .media-content h2, .mediaDetail-box .mediaDetail-container h2.media-introduction, #lexicon-list .lexicon-alphabet, .lexicon-content h3, .ict-accordion-container .accordion-toggle .title { margin: 0 0 0.4em 0; } h1 { font-size: 55px; line-height: 1.15em; } h2, body.mediaDetail-body .mainimg-container .claim-container .claim h1, .blog-content .blogDetail-container .blogStory-content .blogStory-title { font-size: 45px; line-height: 1.2em; } h3, section.page-intro h2, #high-quality h2, .app-teaser-module .row .app-content h2, #mtc-faq h2, #mmc-price h2, .insurancePartners-container h2, .organizationPartners-container h2, h2.h3-style { font-size: 35px; line-height: 1.25em; } h4, section.media-container .box-container .box-content h2, .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container h3, #function-steps .vertical-steps-container .step-container h3, #main-home h3, .app-teaser-module .row .app-content h3, .diseases-container .allsymptoms-row h3, #Telemediziner .horizontal-steps-text p, .question-block p.question, #arzttermin-section h2, .docathome-container .row .box-container.docathome p.big.title, .docathome-container .row .box-container.docathome #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text p.title.happy-patient-testimonial, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .docathome-container .row .box-container.docathome p.title.happy-patient-testimonial, .docathome-container .row .box-container.docathome #experienced-doctors .experienced-doctor-container .experienced-doctor-text p.title.experienced-doctor-testimonial, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .docathome-container .row .box-container.docathome p.title.experienced-doctor-testimonial, .docathome-container .row .box-container.docathome #function-steps .vertical-steps-container .step-container p.title, #function-steps .vertical-steps-container .step-container .docathome-container .row .box-container.docathome p.title, .docathome-container .row .box-container.docathome body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block p.title.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .docathome-container .row .box-container.docathome p.title.question-explain, .docathome-container .row .box-container.docathome body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block p.title.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .docathome-container .row .box-container.docathome p.title.question-explain, h2.h4-style, h3.h4-style { font-size: 25px; line-height: 1.3em; } h5, section.media-container .media-row .media-column .media-container .media-content h2, .mediaDetail-box .mediaDetail-container h2.media-introduction, #lexicon-list .lexicon-alphabet, .lexicon-content h3, .ict-accordion-container .accordion-toggle .title, .mainimg-container .claim-container .claim h4, .mainimg-container .claim-container .claim section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .mainimg-container .claim-container .claim h2, .mainimg-container .claim-container .claim .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .mainimg-container .claim-container .claim a, .mainimg-container .claim-container .claim .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .mainimg-container .claim-container .claim h3, .mainimg-container .claim-container .claim #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .mainimg-container .claim-container .claim h3, .diseases-container .allsymptoms-content h4, .diseases-container .allsymptoms-content section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .diseases-container .allsymptoms-content h2, .diseases-container .allsymptoms-content .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .diseases-container .allsymptoms-content a, .diseases-container .allsymptoms-content .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .diseases-container .allsymptoms-content h3, .diseases-container .allsymptoms-content #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .diseases-container .allsymptoms-content h3, #blog-stories .blogTeasers-container .blogStory-container .blogStory-content h3, .blog-content h2 { font-size: 18px; line-height: 1.35em; } .small, section.media-container .media-row .media-column .media-container .media-content .media-date { font-size: 13px; line-height: 1.4em; } .big, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-testimonial, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial, #function-steps .vertical-steps-container .step-container p, #lexicon-list ul.lexicon-list, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question-explain { font-size: 18px; line-height: 1.4em; } /* ---------------------------------------------------------------------- */ /* elements */ /* ---------------------------------------------------------------------- */ a.btn { margin: 1.5em 0; } a.btn.big, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text a.btn.happy-patient-testimonial, #experienced-doctors .experienced-doctor-container .experienced-doctor-text a.btn.experienced-doctor-testimonial, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block a.btn.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block a.btn.question-explain { font-size: 14px; line-height: 1.4em; } a.btn.small, section.media-container .media-row .media-column .media-container .media-content a.btn.media-date { font-size: 13px; line-height: 1.4em; } .btn-group a.btn { margin: 1.25em 0; } .btn-group a.btn:first-of-type { margin-top: 1.25em; } .btn-group.inline a.btn:first-of-type { margin-top: 0; margin-left: 0.75em; } .btn-group.inline a.btn:last-of-type { margin-bottom: 0; margin-right: 0.75em; } ul.checkmark li { font-size: 25px; line-height: 1.3em; margin: 1.25em 0; } ul.checkmark li:before { background-size: 1.1em; left: -2.25em; height: 1.8em; width: 1.8em; } /* ---------------------------------------------------------------------- */ /* layout */ /* ---------------------------------------------------------------------- */ .wrapper { width: 94%; } .header-container .row { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin: 0; } .header-container .logo-container { float: left; margin: 0; width: 25%; } .header-container .logo-container a { display: block; } .header-container .logo-container a .svg { padding: 1em 0; max-width: 150px; min-width: 150px; } .header-container .burger-container { display: block; float: right; margin-right: -1em; } .header-container .burger-container .svg { padding: 1.35em 1em; } .header-container .main-navigation-container { display: none; } .header-container .nav-container { margin: 0; width: 75%; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: end; -moz-box-pack: end; -webkit-flex-pack: end; -ms-flex-pack: end; -moz-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; } .header-container .nav-container .secondary { display: none; } .header-container .nav-container .headerBtns-container .treatment-start { display: block; } .header-container .nav-container .headerBtns-container .treatment-start, .header-container .nav-container .headerBtns-container .prescription, .header-container .nav-container .headerBtns-container .treatment-book { margin-right: 1em; } .header-container.prescription-parent .nav-container .headerBtns-container .treatment-start { display: none; } .header-container.prescription-parent .nav-container .headerBtns-container .prescription { display: block; } .header-container.treatment-book-parent .nav-container .headerBtns-container .treatment-start { display: none; } .header-container.treatment-book-parent .nav-container .headerBtns-container .treatment-book { display: block; } .header-container * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .footer-container { margin: 2em 0 0 0; padding: 1.5em 0 1em 0; } .footer-container .logo-container { margin-bottom: 1.5em; width: 98%; } .footer-container .logo-container img { max-width: 150px; min-width: 150px; } .footer-container .column-patient, .footer-container .column-doctor, .footer-container .column-aboutus, .footer-container .column-business, .footer-container .column-secondary, .footer-container .column-socialmedia, .footer-container .column-medgateApp { margin-left: 1%; width: 31.33333%; } .footer-container ul.doctor-linklist, .footer-container ul.aboutus-linklist, .footer-container ul.socialmedia-linklist { margin-top: 1.5em; } .footer-container ul lh { font-size: 18px; line-height: 1.4em; margin-bottom: 0; padding: 0.2em 0; } .footer-container ul li a { padding: 0.2em 0; } .footer-container ul.socialmedia-linklist lh { padding: 0.2em 0; } .footer-container .open-tel-container { margin-top: 0.75em; } .footer-container .open-tel-container .title { padding: 0.2em 0; } .footer-container .open-tel-container .tel, .footer-container .open-tel-container .open { padding: 0.2em 0; } .footer-container .open-tel-container .tel .svg, .footer-container .open-tel-container .open .svg { left: -1.5em; top: 0.3em; } .footer-container .service-content a { padding: 0.2em 0; } .footer-container .copyright { padding: 0.2em 0; } .footer-container .row:last-of-type { margin-top: 2em; margin-bottom: 0.5em; } .footer-container .row:last-of-type .column-3, .footer-container .row:last-of-type .column-9 { width: 98%; } .mainimg-container { height: 770px; margin-bottom: 2em; } .mainimg-container .claim-container .btn-group.inline a.btn { display: table; margin: 1.25em 0 0 0; } .mainimg-container.medgate-app .phone-holder figure img { bottom: -70px; } .mainimg-container .mainimg-bar { height: 70px; } .mainimg-container .mainimg-bar .row a .svg { padding: 1.75em 0; } .mainimg-container .mainimg-bar .row a:hover .svg { padding: 2.1em 0 1.5em 0; } .mainimg-container .mainimg-bar .row ul.breadcrumbs { font-size: 14px; } .mainimg-container .mainimg-bar .row ul.breadcrumbs li { line-height: 70px; } .mainimg-container .slider-container .rsNav.rsTabs { height: 70px; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab { height: 67px; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab:after { bottom: -3px; height: 3px; } .page-intro .column-8.offset-2 { margin: 0 1%; width: 98%; } .page-intro .column-8.offset-2.center { text-align: left; } .fullWidth-handheld { margin: 0 1%; width: 98%; } /* ---------------------------------------------------------------------- */ /* design modules */ /* ---------------------------------------------------------------------- */ section { padding: 2em 0; } section.margin-top { margin-top: 2em; } section.margin-bottom { margin-bottom: 2em; } .box-container, .boxes-container { margin-bottom: 0; } .box-container .box-content, .boxes-container .box-content { padding-top: 2em; padding-bottom: 2em; } .box-container { min-height: 520px; } .box-container.img-left .box-content, .box-container.img-right .box-content { width: 40%; } .box-container.img-left { padding-right: 5.5%; } .box-container.img-right { padding-left: 5.5%; } .box-container.small-height { min-height: 340px; } .box-container.news-style { padding-right: 5.5%; } .box-container.news-style .box-image { width: 34.5%; } .box-container.news-style .box-content { width: 58%; } .boxes-flex .boxes-container { min-height: 340px; padding: 0 5.5%; } .vertical-steps-container:before { left: -0.2em; } .vertical-steps-container .step-container { margin: 2.188em 0; padding-left: 2em; } .vertical-steps-container .step-container .step-nr { font-size: 25px; height: 1.8em; left: -1em; line-height: 2em; width: 1.8em; top: -0.4em; } .vertical-steps-container .step-container:last-of-type:before { left: -4px; width: 4px; } .horizontal-steps-container { margin-top: 2em; } .horizontal-steps-container .step-container .step-nr { font-size: 25px; height: 1.8em; line-height: 2em; width: 1.8em; } .horizontal-steps-container .step-container:before { top: 1.35em; } .horizontal-steps-container:before { top: 1.35em; } /* ---------------------------------------------------------------------- */ /* index */ /* ---------------------------------------------------------------------- */ .row.this-is-medgate { margin-top: 2em; } .row.this-is-medgate .ThisIsMedgate-keyvisual { margin: 0 auto 1em auto; max-width: 85px; } .health-app .column-3.offset-1 { margin-left: 1%; width: 31.33333%; } .health-app .column-6 { margin-left: 1%; width: 64.66667%; } #digital-doc .digitalDoc-container { margin-bottom: 1.5em; } #digital-doc .digitalDoc-container .digitalDoc-sick, #digital-doc .digitalDoc-container .digitalDoc-emergency { padding: 1.5em 1em 1em 1em; width: 49.25%; } #digital-doc .digitalDoc-container .digitalDoc-sick h3, #digital-doc .digitalDoc-container .digitalDoc-emergency h3 { margin-bottom: 0.75em; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container { margin-bottom: 1.5em; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container .step-nr { font-size: 1.25em; margin: -0.2em 0.5em 0 0; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container:before { left: 1.05em; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-disclaimer { margin-top: 2em; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container { margin: 1em 0; padding: 1em; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-disclaimer { margin-top: 1em; } #our-advantages .column-8.offset-2 { margin-left: 1%; width: 98%; } #our-advantages .our-advantages-icon { max-width: 175px; } #our-advantages ul.checkmark.advantages li:before { left: 0; } #media-logos .media-logos-row figure.media-logo-img img { width: 90%; } #media-logos .media-logos-row:last-of-type { margin-top: 3em; } #swiss-network .swiss-network-icon { max-width: 175px; } /* ---------------------------------------------------------------------- */ /* mtc */ /* ---------------------------------------------------------------------- */ #happy-patients .happy-patient-row .happy-patient-container { margin-top: 1.5em; width: 73%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-portrait { margin-bottom: 0; max-width: 150px; width: 25%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text { width: 74%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-testimonial { padding: 0.75em 3% 0.4em 3%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-name { padding: 0 3% 0.7em 3%; } /* ---------------------------------------------------------------------- */ /* mmc */ /* ---------------------------------------------------------------------- */ #mmc-function .mmc-function-steps-container .step-container .step-illu { margin-left: 1%; } #mmc-function .mmc-function-steps-container .step-container .step-content { width: 73%; } #mmc-function .mmc-function-steps-container .step-container .step-content .step-nr { font-size: 25px; left: -2.25em; height: 1.8em; top: -0.4em; width: 1.8em; } #find-mmc .column-10.offset-1 { margin-left: 1%; width: 98%; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-crest { width: 6%; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-name { width: 40%; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-address { width: 50%; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-link { width: 5%; } .treatmentsServices-row .column-3 { width: 31.33333%; } .treatmentsServices-row .treatmentsServices-teaser .treatmentsServices-teaser .treatmentsServicesTeaser-icon figure img { max-width: 125px; } /* ---------------------------------------------------------------------- */ /* app */ /* ---------------------------------------------------------------------- */ .appDocFeature-row .column-3 { width: 48%; } .appDocFeature-row .column-3 .appDocFeature-content h5, .appDocFeature-row .column-3 .appDocFeature-content section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .appDocFeature-row .column-3 .appDocFeature-content h2, .appDocFeature-row .column-3 .appDocFeature-content .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .appDocFeature-row .column-3 .appDocFeature-content h2.media-introduction, .appDocFeature-row .column-3 .appDocFeature-content #lexicon-list .lexicon-alphabet, #lexicon-list .appDocFeature-row .column-3 .appDocFeature-content .lexicon-alphabet, .appDocFeature-row .column-3 .appDocFeature-content .lexicon-content h3, .lexicon-content .appDocFeature-row .column-3 .appDocFeature-content h3, .appDocFeature-row .column-3 .appDocFeature-content .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .appDocFeature-row .column-3 .appDocFeature-content .title { width: 75%; } .appDocFeature-row .appDocFeature-container { margin-bottom: 3.5em; } .appDocFeature-row .appDocFeature-container .appDocFeature-icon figure { width: 125px; } .hereForYou-section { background: #C8E2FC; display: block; min-height: auto; } .hereForYou-section .column-4, .hereForYou-section .horizontal-steps-container .step-container, .horizontal-steps-container .hereForYou-section .step-container { margin-left: 17.66667%; padding: 3em 0; text-align: center; width: 64.66667%; } .hereForYou-section .hereForYou-image-container { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 520px; position: relative; } .hereForYou-section .hereForYou-image-container .hereForYou-image-left { border-right-color: #C8E2FC; right: 50%; } .hereForYou-section .hereForYou-image-container .hereForYou-image-left:before { display: none; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right { left: 50%; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-top { border-bottom-color: #C8E2FC; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-bottom { border-top-color: #C8E2FC; } .hereForYou-section:hover .hereForYou-image-container .hereForYou-image-left figure img { opacity: 1; filter: alpha(opacity=100); -webkit-filter: blur(0); filter: blur(0); } .hereForYou-section:hover .hereForYou-image-container .hereForYou-image-left:before { opacity: 0; filter: alpha(opacity=0); right: 0%; } .app-feature-slider.slider-container .rsArrow { margin-top: -1em; } .app-feature-slider.slider-container .rsArrow .rsArrowIcn { height: 2em; width: 2em; } .app-feature-slider.slider-container .rsArrow.rsArrowLeft { background-position-x: left; } .app-feature-slider.slider-container .rsArrow.rsArrowRight { background-position-x: right; } /* ---------------------------------------------------------------------- */ /* Doc Appointment */ /* ---------------------------------------------------------------------- */ .doc-appointment .steps-container { margin-bottom: 1.5em; } .doc-appointment .steps-container ol:before { top: 1.35em; } .doc-appointment .steps-container ol li a, .doc-appointment .steps-container ol li span { font-size: 25px; height: 1.8em; line-height: 1.8em; width: 1.8em; } .doc-appointment .steps-container ol li a .svg, .doc-appointment .steps-container ol li span .svg { stroke-width: 2.5; } .doc-appointment .questions-container .box-content.step-2 .title-container { width: 89%; } .doc-appointment .questions-container .box-content.step-2 .calendar-container, .doc-appointment .questions-container .box-content.step-2 .time-container { margin-right: 0; width: 89%; } .doc-appointment .questions-container .box-content.step-2 .offset-1 { margin-left: 5.5%; } /* ---------------------------------------------------------------------- */ /* About Us */ /* ---------------------------------------------------------------------- */ .row.who-we-are-vimeo { margin-top: 3em; } .row.who-we-are-stats { margin-top: 3em; } .row.who-we-are-stats .whoWeAreStats-keyvisual { max-width: 85px; } .whoWeAre-keyvisual, .whoWeAreStats-keyvisual, .vision-keyvisual, .whatsImportant-keyvisual { max-width: 175px; } section.offene-stellen-intro-container .offene-stellen-einleitung { margin-bottom: 4em; } section.offene-stellen-intro-container .offene-stellen-einleitung .column-8 { width: 98%; } section.offene-stellen-intro-container .wrapper .advantage-row .column-5 { width: 48%; } section.offene-stellen-intro-container .wrapper .advantage-row .column-5.offset-2 { margin-left: 1%; } section.offene-stellen-intro-container .wrapper .advantage-row:last-of-type { margin-top: 4em; } section.offene-stellen-intro-container .advantages-container .advantages-icon img { height: 5.25em; } section.offene-stellen-intro-container .advantages-container .advantages-text h3 { font-size: 1.2em; line-height: 1.3em; } /* ---------------------------------------------------------------------- */ /* our partners */ /* ---------------------------------------------------------------------- */ .partnerFilter-container .btn-group ul.dropdown-menu li a { padding: 0.75em; } .insurancePartners-container .organization-intro, .organizationPartners-container .organization-intro, .medicalCentres-container .organization-intro { margin-left: 1%; width: 98%; } .insurancePartners-container .partner-container, .organizationPartners-container .partner-container, .medicalCentres-container .partner-container { margin-bottom: 1em; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .insurancePartners-container .partner-container .partner-content .partnerdetails, .organizationPartners-container .partner-container .partner-content .partnerdetails, .medicalCentres-container .partner-container .partner-content .partnerdetails { padding: 1em 0; } .insurancePartners-container .partner-container .partner-content .partnerdetails p, .organizationPartners-container .partner-container .partner-content .partnerdetails p, .medicalCentres-container .partner-container .partner-content .partnerdetails p { padding: 0; } .insurancePartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .organizationPartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .medicalCentres-container .partner-container .partner-content .partnerdetails a.partnerlink { font-size: 1em; margin-top: 0.75em; padding: 0; } .insurancePartners-container .partner-container .partner-content .partnerdetails a.partnerlink .arrow, .organizationPartners-container .partner-container .partner-content .partnerdetails a.partnerlink .arrow, .medicalCentres-container .partner-container .partner-content .partnerdetails a.partnerlink .arrow { width: 1.1em; } .insurancePartners-container .partner-container .partnerlogo, .organizationPartners-container .partner-container .partnerlogo, .medicalCentres-container .partner-container .partnerlogo { width: 30%; } .insurancePartners-container .partner-container .partnerdetails, .organizationPartners-container .partner-container .partnerdetails, .medicalCentres-container .partner-container .partnerdetails { width: 68%; } .insurancePartners-container .partner-container:first-of-type, .organizationPartners-container .partner-container:first-of-type, .medicalCentres-container .partner-container:first-of-type { margin-top: 0; } .insurancePartners-container .insurancePartners-wrapper .partnerdetails { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .insurancePartners-container .insurancePartners-wrapper .partnerdetails ul { width: 100%; } .insurancePartners-container .insurancePartners-wrapper .partnerdetails ul li .arrow { width: 1.1em; } .insurancePartners-container .insurancePartners-wrapper .partnerdetails a.partnerlink { height: auto; width: 100%; margin-top: 0.75em; -webkit-box-pack: start; -moz-box-pack: start; -webkit-flex-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .insurancePartners-container .insurancePartners-wrapper .partnerdetails a.partnerlink .arrow { width: 1.1em; } .insurancePartners-container .insurers-title { margin-top: 2em; } .medicalCentres-container .location-container .address-container .ict-accordion-container { padding: 0 2em; } /* ---------------------------------------------------------------------- */ /* business partners */ /* ---------------------------------------------------------------------- */ #individual-corporation .individual-corporation-icon { max-width: 175px; } /* ---------------------------------------------------------------------- */ /* media */ /* ---------------------------------------------------------------------- */ section.media-container .media-row .media-column { margin-bottom: 1em; width: 48%; } section.media-container .media-row .media-column .media-container .media-image { height: 200px; } body.mediaDetail-body .mainimg-container .claim-container .claim { width: 81.33333%; } section.mediaDetail-firstSection .socialShare-container { top: 2em; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link { font-size: 0.9em; height: 55px; } /* ---------------------------------------------------------------------- */ /* rezept anfragen */ /* ---------------------------------------------------------------------- */ .treatmentFields-container .treatmentField-teaser { width: calc(50% - 3em); } .treatmentFields-container .treatmentField-teaser .treatmentField-icon { width: 15%; } .treatmentFields-container .treatmentField-teaser .treatmentField-name { margin-left: 5%; width: 70%; } .overviewServices-row .column-5 { width: 48%; } .overviewServices-row .column-5.offset-2 { margin-left: 1%; } .overviewServices-row .overviewServices-container .overviewServices-icon { max-width: 120px; width: 25%; } .billing-row .column-4, .billing-row .horizontal-steps-container .step-container, .horizontal-steps-container .billing-row .step-container { width: 23%; } .billing-row .column-8 { width: 73%; } .billing-row .billing-icon img { max-width: 120px; } /* ---------------------------------------------------------------------- */ /* diseases */ /* ---------------------------------------------------------------------- */ .sticky-container .sticky-teaser, .sticky-container .sticky-nav { padding: 1.5em; } .sticky-container .sticky-teaser { margin-bottom: 1.5em; } .sticky-container .sticky-teaser .teaser-header img { width: 12%; } .custom-half-header.mainimg-container { height: 708px; } .custom-half-header.mainimg-container .claim-container { height: 638px; } .custom-half-header.mainimg-container .claim-container .claim-center h1 { font-size: 45px; line-height: 1.2em; } .custom-half-header.mainimg-container .claim-container .claim-center .column-7 { width: 64.66667%; } .custom-half-header.mainimg-container .mainimg-image { height: 638px; } .custom-half-header.mainimg-container .mainimg-image figure { height: 638px; } .diseases-section .diseases-container .diseases-app { padding: 1.5em 1em 1em 1em; width: 49.25%; } .diseases-section .diseases-container .diseases-app .step-container { margin-bottom: 1.5em; } .diseases-section .diseases-container .diseases-app .step-container .step-nr { font-size: 1.25em; margin: -0.2em 0.5em 0 0; } .diseases-section .diseases-container .diseases-app .step-container:before { left: 1.05em; } /* ---------------------------------------------------------------------- */ /* location map */ /* ---------------------------------------------------------------------- */ .location-container { height: 750px; } .location-container .map-container, .location-container .address-container { height: 750px; width: 45%; } .location-container .map-container { width: 55%; } .location-container .address-container .address-title-container { padding: 0 2em; } .location-container .address-container .address-title-container .address-title a { margin: 0; } .location-container .address-container .address-detail .address-item-detail { padding: 2em; } .location-container .address-container .address-detail .address-item-detail .close-container { top: 2em; right: 2em; } /* ---------------------------------------------------------------------- */ /* pharmacy finder */ /* ---------------------------------------------------------------------- */ section.pharmacyFinder-container .pharmacyFinder-searchContainer { padding: 1em 0; } section.pharmacyFinder-container .pharmacyFinder-mapContainer { height: 750px; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-mapHolder { height: 750px; width: 55%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address { height: 750px; width: 45%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container { height: 750px; padding: 0 2em; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail { padding: 2em; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .close-container { top: 2em; right: 2em; } /* ---------------------------------------------------------------------- */ /* itc landingpage */ /* ---------------------------------------------------------------------- */ .landing-intro .row.landing-logo .landing-logo-container img { margin: 1em auto 3em auto; max-width: 150px; } #function-steps .vertical-steps-container { padding-top: 2em; } #function-steps .vertical-steps-container .step-container { margin: 2.188em 0; } #function-steps .vertical-steps-container .step-container .function-video { margin-top: 1em; } /* ---------------------------------------------------------------------- */ /* lexicon */ /* ---------------------------------------------------------------------- */ .lexicon-disclaimer { margin-top: 2em; } #lexicon-list .home-newsletter-image { margin-bottom: 2em; max-width: 125px; } .lexicon-content hr { margin: 2em 0; } /* ---------------------------------------------------------------------- */ /* corona */ /* ---------------------------------------------------------------------- */ body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd), body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result { padding: 4em 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .wrapper .row .column-8.offset-2, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .wrapper .row .column-8.offset-2, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result .wrapper .row .column-8.offset-2 { margin-left: 9.33333%; width: 81.33333%; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question { font-size: 35px; line-height: 1.25em; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question-explain { font-size: 18px; line-height: 1.4em; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .back-to-corona, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .back-to-corona { margin-bottom: 2em; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .btn-group .btn, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .btn-group .btn { margin: 0 1em 0 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .btn-group .btn:last-of-type, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .btn-group .btn:last-of-type { margin-right: 0; } /* ---------------------------------------------------------------------- */ /* apotheken */ /* ---------------------------------------------------------------------- */ .bookADoc-wrapper { padding: 0 1%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bookADoc-wrapper .column-3 { width: 48%; } .bookADoc-wrapper .bookADoc-container { padding: 1.5em 5%; } .bookADoc-wrapper .bookADoc-container .bookADoc-image .bookADoc-number { left: 18%; } .bookADoc-wrapper .bookADoc-container .bookADoc-image .bookADoc-icon { max-width: 175px; } .bookADoc-wrapper .bookADoc-container .bookADoc-content { margin: 1em 0 0 0; } .apotheke-form-container { margin: 2em auto 0 17.66667%; width: 64.66667%; } /* ---------------------------------------------------------------------- */ /* arzttermin buchen */ /* ---------------------------------------------------------------------- */ .step-container .step-illu .mmc-function-illu img { max-width: 160px; } .step-container:nth-child(2) { margin-top: 2.5em; margin-bottom: 2.5em; } .terminTriplet-illu img { max-width: 105px; } /* ---------------------------------------------------------------------- */ /* talk to a doc */ /* ---------------------------------------------------------------------- */ .talk-to-doc-section .talkDoc-container .talkDoc-app, .talk-to-doc-section .talkDoc-container .talkDoc-web { padding: 1.5em 1em 1em 1em; width: 49.25%; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle { margin-bottom: 0.5em; } /* ---------------------------------------------------------------------- */ /* default */ /* ---------------------------------------------------------------------- */ .default-box-container { padding: 1em 2em; } .default-box-container hr { margin: 2em 0; } /* ---------------------------------------------------------------------- */ /* accordion */ /* ---------------------------------------------------------------------- */ .ict-accordion-container .accordion-toggle .title { margin: 0; } /* ---------------------------------------------------------------------- */ /* rekrutierung-special */ /* ---------------------------------------------------------------------- */ body.rekrutierung-special .mainimg-container .claim-container { box-sizing: border-box; margin-left: 0; margin-right: 0; width: 100%; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content { box-sizing: border-box; padding: 2.5em 3% 2em 3%; width: 81.33333%; -webkit-border-radius: 0 2.5em 0 0; -moz-border-radius: 0 2.5em 0 0; -ms-border-radius: 0 2.5em 0 0; -o-border-radius: 0 2.5em 0 0; border-radius: 0 2.5em 0 0; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h1 { font-size: 45px; } body.rekrutierung-special #advantage h1, body.rekrutierung-special #application-process h1 { font-size: 1.2em; line-height: 1.3em; } body.rekrutierung-special #advantage h3, body.rekrutierung-special #application-process h3 { font-size: 1.2em; line-height: 1.3em; } body.rekrutierung-special #advantage .wrapper .advantage-row .column-5 { width: 48%; } body.rekrutierung-special #advantage .wrapper .advantage-row .column-5.offset-2 { margin-left: 1%; } body.rekrutierung-special #advantage .wrapper .advantage-row:last-of-type { margin-top: 4em; } body.rekrutierung-special #advantage .advantages-container .advantages-icon img { height: 5.25em; } body.rekrutierung-special #advantage .advantages-container .advantages-text h3 { margin-bottom: 1.25em; } body.rekrutierung-special #application-process .process-row { margin-top: 3em; } body.rekrutierung-special #application-process .process-row:last-of-type { margin-top: 6em; } body.rekrutierung-special #application-process .process-row .column-5 { width: 48%; } body.rekrutierung-special #application-process .process-row .column-5.offset-2 { margin-left: 1%; } body.rekrutierung-special #application-process .process-container { padding: 0 6% 2.5em 6%; } body.rekrutierung-special #application-process .process-container .process-number { height: 2.75em; margin: 0 auto 0.5em auto; transform: translateY(-1.375em); width: 2.75em; } body.rekrutierung-special #application-process .process-container .process-number span { font-size: 1.2em; line-height: 1.3em; } body.rekrutierung-special #application-process .process-container .process-text h3 { margin-bottom: 1.25em; } body.rekrutierung-special #job-apply .column-8, body.rekrutierung-special #become-doc .column-8 { width: 81.33333%; } body.rekrutierung-special #job-apply .btn-group.inline a.btn:first-of-type, body.rekrutierung-special #become-doc .btn-group.inline a.btn:first-of-type { margin-left: 0; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer { padding-top: 8.5em; padding-bottom: 3em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .column-8 { width: 81.33333%; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h5, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h2.media-introduction, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead #lexicon-list .lexicon-alphabet, #lexicon-list body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .lexicon-alphabet, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .lexicon-content h3, .lexicon-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead .title, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h5, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2.media-introduction, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form #lexicon-list .lexicon-alphabet, #lexicon-list body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-alphabet, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-content h3, .lexicon-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .title { font-size: 1.2em; line-height: 1.3em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3 { font-size: 1.35em; line-height: 1.3em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn { width: 48%; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn:before { right: 5%; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h5, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2.media-introduction, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form #lexicon-list .lexicon-alphabet, #lexicon-list body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-alphabet, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-content h3, .lexicon-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .title { margin-top: 2.75em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-next .btn { min-width: 48%; } /* ---------------------------------------------------------------------- */ /* swiper */ /* ---------------------------------------------------------------------- */ .swiper-container .swiper-wrapper .swiper-slide .swiper-content .swiper-title { font-size: 18px; line-height: 1.4em; margin: 1em 0 0.5em 0; } .swiper-container .swiper-pagination { height: 20px; } .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { height: 20px; margin: 0 10px; width: 20px; } /* ---------------------------------------------------------------------- */ /* parallax */ /* ---------------------------------------------------------------------- */ .parallax-container .wrapper { height: 650px; min-height: 650px; } /* ---------------------------------------------------------------------- */ /* Special-Events */ /* ---------------------------------------------------------------------- */ .main-party .info-section .medlogo-container.column-10.offset-1, .main-party .info-section .medintro-container.column-10.offset-1, .main-party .info-section .medtop-container.column-10.offset-1, .main-party .info-section .medcostume-container.column-10.offset-1, .main-party .info-section .medfood-container.column-10.offset-1 { margin-left: 9.33333%; width: 81.33333%; } .main-party .info-section .medlogo-container figure { width: 25%; min-width: 175px; } .main-party .form-section .offset-1 { margin-left: 9.33333%; width: 81.33333%; } .pfyfferli-form-container { margin-top: 2em; margin-left: 17.66667%; width: 64.66667%; } .film-premiere .info-section .column-10.offset-1 { margin-left: 1%; width: 98%; } .film-premiere .info-section .column-10.offset-1.intro-container { margin-top: 0; } .film-premiere .info-section h1 { font-size: 4em; letter-spacing: 3px; } .film-premiere .info-section .video-container { margin-top: 2em; margin-bottom: 2em; } /* ---------------------------------------------------------------------- */ /* germany */ /* ---------------------------------------------------------------------- */ .germany .header-container.germany-custom .logo-container { margin-bottom: 1em; margin-top: 1em; max-width: 160px; } .germany section.germany-content { padding: 6em 0 2em 0; } /* ---------------------------------------------------------------------- */ /* Optimed Tele */ /* ---------------------------------------------------------------------- */ .optimed-subtitle { margin-bottom: 2em; } ul.optimed-list, ol.optimed-list { margin: 0 0 1.5em 1em; } ul.optimed-list li, ol.optimed-list li { margin: 0.25em 0 0.25em 0.25em; } ul.optimed-list ul, ul.optimed-list ol, ol.optimed-list ul, ol.optimed-list ol { margin: 0 0 1.5em 1em; } table.optimed-table { font-size: 16px; line-height: 20px; margin: 1.25em 0 2.5em 0; } table.optimed-table tr td { padding: 0.8em 0.5em; } } /* -------------------------------------------------------------------------------------------------------------------------------------------- */ @media (max-width: 768px) { .row { margin: 0; } [class*=column-] { float: none; margin: 1.5em 0; width: 100%; } /* ---------------------------------------------------------------------- */ /* typography */ /* ---------------------------------------------------------------------- */ h1 { font-size: 42px; } h2, body.mediaDetail-body .mainimg-container .claim-container .claim h1, .blog-content .blogDetail-container .blogStory-content .blogStory-title { font-size: 36px; } h3, section.page-intro h2, #high-quality h2, .app-teaser-module .row .app-content h2, #mtc-faq h2, #mmc-price h2, .insurancePartners-container h2, .organizationPartners-container h2, h2.h3-style { font-size: 30px; } h4, section.media-container .box-container .box-content h2, .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container h3, #function-steps .vertical-steps-container .step-container h3, #main-home h3, .app-teaser-module .row .app-content h3, .diseases-container .allsymptoms-row h3, #Telemediziner .horizontal-steps-text p, .question-block p.question, #arzttermin-section h2, .docathome-container .row .box-container.docathome p.big.title, .docathome-container .row .box-container.docathome #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text p.title.happy-patient-testimonial, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .docathome-container .row .box-container.docathome p.title.happy-patient-testimonial, .docathome-container .row .box-container.docathome #experienced-doctors .experienced-doctor-container .experienced-doctor-text p.title.experienced-doctor-testimonial, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .docathome-container .row .box-container.docathome p.title.experienced-doctor-testimonial, .docathome-container .row .box-container.docathome #function-steps .vertical-steps-container .step-container p.title, #function-steps .vertical-steps-container .step-container .docathome-container .row .box-container.docathome p.title, .docathome-container .row .box-container.docathome body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block p.title.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .docathome-container .row .box-container.docathome p.title.question-explain, .docathome-container .row .box-container.docathome body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block p.title.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .docathome-container .row .box-container.docathome p.title.question-explain, h2.h4-style, h3.h4-style, .diseases-content .diseases-row h2 { font-size: 24px; } .center { text-align: left; } /* ---------------------------------------------------------------------- */ /* elements */ /* ---------------------------------------------------------------------- */ .btn-group a.btn { margin: 1.5em 0; } .btn-group a.btn:first-of-type { margin-top: 1.5em; } .btn-group.margin-bottom { margin-bottom: 1em; } ul.checkmark li { font-size: 24px; margin: 1em 0; padding: 0 0 0 2em; } ul.checkmark li:before { background-size: 1em; font-size: 20px; height: 1.75em; left: 0; top: -0.2em; width: 1.75em; } ul.checkmark.telemed-advantages { margin-top: 1.5em; } ul.checkmark.telemed-advantages li { margin: 0.5em 0; padding: 0 0 0 2.5em; } /* ---------------------------------------------------------------------- */ /* layout */ /* ---------------------------------------------------------------------- */ .header-container .logo-container { float: left; margin: 0; width: 40%; } .header-container .logo-container a { display: block; } .header-container .logo-container a .svg { padding: 1em 0; max-width: 130px; min-width: 130px; } .header-container .nav-container { width: 60%; } .footer-container { margin: 1.5em 0 0 0; padding: 1.5em 0 0 0; } .footer-container .logo-container { width: 100%; } .footer-container .logo-container img { max-width: 130px; min-width: 130px; } .footer-container ul.doctor-linklist { margin-top: 1.5em; } .footer-container .column-patient, .footer-container .column-doctor, .footer-container .column-aboutus, .footer-container .column-business, .footer-container .column-medgateApp { float: left; margin: 0; width: 50%; } .footer-container .column-medgateApp { margin-top: 1.5em; } .footer-container .column-secondary, .footer-container .column-socialmedia { clear: both; float: none; margin: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; } .footer-container .column-secondary .secondary-linklist, .footer-container .column-secondary .socialmedia-linklist, .footer-container .column-socialmedia .secondary-linklist, .footer-container .column-socialmedia .socialmedia-linklist { margin-top: 1.5em; width: 50%; } .footer-container .row:last-of-type { margin: 0; padding: 2em 0 1em 0; } .footer-container .row:last-of-type .column-9, .footer-container .row:last-of-type .column-3 { margin: 0; width: 100%; } .footer-container .open-tel-container .tel, .footer-container .open-tel-container .open { margin-left: 1.5em; } .footer-container .service-content { float: none; } .footer-container .service-content a { margin-right: 1em; } .mainimg-container { height: auto; margin-bottom: 1.5em; } .mainimg-container.blue { background: #FFFFFF; } .mainimg-container.blue .mainimg-image figure:before { background: rgb(255, 255, 255); background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1); } .mainimg-container.white { background: #258BF5; } .mainimg-container.white .mainimg-image figure:before { background: rgb(37, 139, 245); background: -moz-linear-gradient(0deg, rgba(37, 139, 245, 0) 0%, rgb(37, 139, 245) 100%); background: -webkit-linear-gradient(0deg, rgba(37, 139, 245, 0) 0%, rgb(37, 139, 245) 100%); background: linear-gradient(0deg, rgba(37, 139, 245, 0) 0%, rgb(37, 139, 245) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#258bf5",endColorstr="#258bf5",GradientType=1); } .mainimg-container.white-bg, .mainimg-container.parallax-container:nth-child(even) { background: #FFFFFF; } .mainimg-container.no-image .claim-container .claim { margin-bottom: 2.5em; } .mainimg-container.no-image .mainimg-image { display: none; } .mainimg-container .claim-container { height: auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .mainimg-container .claim-container .row { margin-top: 0; } .mainimg-container .claim-container .claim { transform: none; margin-top: 5.5em; position: relative; top: 0; width: 100%; } .mainimg-container .mainimg-image { height: 400px; margin-top: -6em; } .mainimg-container .mainimg-image figure { height: 400px; position: relative; } .mainimg-container .mainimg-image figure:before { content: ""; display: block; height: 30%; position: absolute; top: 0; width: 100%; z-index: 2; } .mainimg-container .mainimg-bar { height: auto; min-height: 60px; } .mainimg-container .mainimg-bar .row a .svg { padding: 1.5em 0; stroke-width: 1.5px; } .mainimg-container .mainimg-bar .row a:hover .svg { padding: 1.75em 0 1.25em 0; } .mainimg-container .mainimg-bar .row .column-2 { display: none; } .mainimg-container .mainimg-bar .row .column-10 { margin: 0; } .mainimg-container .mainimg-bar .row ul.breadcrumbs { box-sizing: border-box; min-height: 60px; line-height: 1.75em; padding: 0.75em 0; text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-line-pack: center; -webkit-align-content: center; -moz-align-content: center; align-content: center; } .mainimg-container .mainimg-bar .row ul.breadcrumbs li { line-height: 1.3em; } .mainimg-container .mainimg-bar .row ul.breadcrumbs li a { margin: 0 0.15em; } .mainimg-container.medgate-app { background-image: url(../content/backgrounds/app-background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .mainimg-container.medgate-app .claim-container .claim { width: 100%; } .mainimg-container.medgate-app .mainimg-image { margin-top: 0; height: 350px; } .mainimg-container.medgate-app .mainimg-image .phone-holder { margin: 0; } .mainimg-container.medgate-app .mainimg-image .phone-holder figure { height: 410px; } .mainimg-container.medgate-app .mainimg-image .phone-holder figure img { bottom: 0; left: 0; margin: 0 0 0 auto; max-height: 500px; right: 0; } .mainimg-container .slider-container { background: none transparent; } .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content { width: 100%; } .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image { height: 400px; margin-top: -6em; position: relative; } .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image:before { content: ""; display: block; height: 30%; position: absolute; top: 0; width: 100%; z-index: 2; background: rgb(255, 255, 255); background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1); } .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image .focuspoint { height: 400px; } .mainimg-container .slider-container .rsNav.rsTabs { background: #258BF5 !important; height: auto; width: 100%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab { border-bottom: 1px solid #5CA8F8; border-right: none !important; border-left: 3px solid #258BF5; height: auto; padding: 1em 3%; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab .slider-tab { text-align: left; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab .slider-tab .tab-content { color: #FFFFFF; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab:last-of-type { border-bottom: none; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab:after { display: none; } .mainimg-container .slider-container .rsNav.rsTabs .rsNavItem.rsTab.rsNavSelected { border-left-color: #40ECB8; } /* ---------------------------------------------------------------------- */ /* design modules */ /* ---------------------------------------------------------------------- */ section { padding: 1.5em 0; } section.margin-top { margin-top: 1.5em; } section.margin-bottom { margin-bottom: 1.5em; } section.page-intro .center { text-align: left !important; } .box-container .box-content, .boxes-container .box-content { padding-top: 1.5em; padding-bottom: 1.5em; } .box-container { display: block; min-height: auto; } .box-container.img-left, .box-container.img-right { padding-left: 0; padding-right: 0; } .box-container.img-left .box-image, .box-container.img-right .box-image { /*height: 350px;*/ padding-bottom: 75%; position: relative; width: 100%; } .box-container.img-left .box-content, .box-container.img-right .box-content { margin: 0 auto; width: 94%; } .box-container.small-height { min-height: auto; } .box-container .box-content { margin: 0 auto; width: 94%; } .box-container .box-content img { display: block; margin: 0 auto 0 0; max-width: 100px; } .boxes-flex { display: block; } .boxes-flex .boxes-container { display: block; min-height: auto; padding: 0 3%; } .boxes-flex .boxes-container:first-of-type { margin-top: 0; } .vertical-steps-container:before { left: 1.1em; top: -1.5em; } .vertical-steps-container .step-container { margin: 1.5em 0; padding-left: 3em; } .vertical-steps-container .step-container .step-nr { font-size: 20px; height: 1.75em; left: 0; width: 1.75em; top: -0.2em; } .vertical-steps-container .step-container:last-of-type:before { left: 16px; } .ict-accordion-container .accordion-toggle { padding: 1em; } .ict-accordion-container .accordion-content { padding: 0 1em 1em 1em; } .step-container.medgate-connect { position: relative; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .step-container.medgate-connect .column-1 { margin: 0; position: absolute; left: 0; top: 0; } .step-container.medgate-connect .step-nr { font-size: 20px; height: 1.75em; width: 1.75em; margin: 1em 0 0 0; } .step-container.medgate-connect .step-illu { margin-bottom: 1em; } .step-container.medgate-connect .step-illu img { margin: 0 0 0 1em; max-width: 175px; } .step-container.medgate-connect .step-content { margin-top: 0; } .partnerLogo-container .column-3 { width: 31.3333333333%; } /* ---------------------------------------------------------------------- */ /* index */ /* ---------------------------------------------------------------------- */ .row.this-is-medgate { margin-top: 0; } .health-app .healthapp-row { margin-bottom: 1em; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .health-app .column-6, .health-app .column-3.offset-1 { margin: 0; width: 100%; } .health-app .healthapp-image figure img { display: block; margin: 0 auto 0.5em auto; max-height: 70vh; max-width: 300px; } .health-app .healthapp-btns { margin-top: 1.5em; margin-bottom: 1.5em; } .health-app .healthapp-btns .btn-group .btn { margin: 0 0.5em !important; } .health-app .healthapp-btns .btn-group .btn:first-of-type { margin-bottom: 0 !important; } .health-app .healthapp-accordion { margin-top: 1.5em; } #digital-doc .digitalDoc-container { margin-bottom: 1em; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #digital-doc .digitalDoc-container .digitalDoc-sick, #digital-doc .digitalDoc-container .digitalDoc-emergency { padding: 1.5em; width: 100%; } #digital-doc .digitalDoc-container .digitalDoc-sick h3, #digital-doc .digitalDoc-container .digitalDoc-emergency h3 { margin-bottom: 0.5em; } #digital-doc .digitalDoc-container .digitalDoc-sick { margin-bottom: 1.5em; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-steps .step-container { margin-bottom: 1.25em; } #digital-doc .digitalDoc-container .digitalDoc-sick .digitalDoc-disclaimer { margin-top: 1.5em; } #our-advantages .column-8.offset-2 { margin: 0; width: 100%; } #our-advantages .our-advantages-icon { margin: 0.5em auto 1em auto; max-width: 150px; } #our-advantages ul.checkmark.advantages li { font-size: 18px; line-height: 1.4em; padding-left: 2.25em; } #our-advantages ul.checkmark.advantages li:before { left: 0; } .app-teaser-module .row { display: block; } .app-teaser-module .row .app-image figure { height: 350px; overflow: hidden; } .app-teaser-module .row .app-image figure img { width: 50%; } #media-logos .media-logos-row { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #media-logos .media-logos-row .column-3 { margin: 0; width: 50%; } #media-logos .media-logos-row figure.media-logo-img img { margin: 1.5em auto; max-width: 175px; } #media-logos .media-logos-row:last-of-type { margin-top: 0; } #swiss-network .swiss-network-icon { margin: 0.5em auto 1em auto; max-width: 150px; } /* ---------------------------------------------------------------------- */ /* mtc */ /* ---------------------------------------------------------------------- */ #telmed-section .row.our-partner-title { margin-top: 0.5em; } #telmed-section .row.our-partner-logos { margin-bottom: 0; } #happy-patients .happy-patient-row .happy-patient-container { margin-top: 1em; margin-bottom: 0; width: 98%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-portrait { max-height: 125px; width: 20%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-portrait img { max-height: 125px; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text { width: 79%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-testimonial { font-size: 17px; line-height: 21px; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-name { font-size: 0.8em; line-height: 1.3em; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text:after { height: 15px; width: 100px; } #happy-patients .happy-patient-row .happy-patient-container:nth-child(odd) .happy-patient-portrait img { display: block; margin: 0 0 0 auto; } #happy-patients .happy-patient-row .happy-patient-container:first-of-type { margin-top: 0; } #experienced-doctors .experienced-doctor-container { display: block; margin: 0 auto 0 9.33333%; width: 81.33333%; } #experienced-doctors .experienced-doctor-container figure.experienced-doctor-portrait { margin: 0 auto 1.5em auto; max-width: 300px; width: 60%; } #experienced-doctors .experienced-doctor-container .experienced-doctor-text { margin: 0; text-align: center; width: 100%; } #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial { font-size: 17px; line-height: 21px; } #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-name { font-size: 0.8em; line-height: 1.3em; } #experienced-doctors .swiper-container { margin-bottom: 1em; padding-bottom: 2em; } #experienced-doctors .swiper-container .swiper-wrapper .swiper-slide { padding: 0; } #experienced-doctors .swiper-container .swiper-button-next, #experienced-doctors .swiper-container .swiper-button-prev { background-size: 36px; height: 36px; margin-top: -17px; top: 50%; width: 36px; } #experienced-doctors .swiper-container .swiper-button-next { right: 0; } #experienced-doctors .swiper-container .swiper-button-prev { left: 0; } /* ---------------------------------------------------------------------- */ /* mmc */ /* ---------------------------------------------------------------------- */ .diseases-container .column-4, .diseases-container .horizontal-steps-container .step-container, .horizontal-steps-container .diseases-container .step-container { float: left; margin: 0; width: 50%; } .diseases-container .wenn-icon-container { margin-bottom: 2em; } .diseases-container .wenn-icon-container .icons-container { padding-top: 70%; } .diseases-container .wenn-icon-container .icons-container .icons-content img { width: 50%; } .newsBanner-container { margin-top: 0; padding: 1.5em 3%; } #mmc-function .mmc-function-steps-container .step-container .step-illu { margin: 1.5em 0; width: 25%; } #mmc-function .mmc-function-steps-container .step-container .step-content { margin-left: 10%; width: 65%; } #mmc-function .mmc-function-steps-container .step-container .step-content .step-nr { top: -0.2em; font-size: 20px; height: 1.75em; width: 1.75em; } #find-mmc { padding-bottom: 3em; } #find-mmc .column-10.offset-1 { margin: 0.5em 0 0 0; width: 100%; } #find-mmc .mmcList-container .mmcList-location { position: relative; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-crest { width: 8%; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-name { width: calc(75% - 3.25em); } #find-mmc .mmcList-container .mmcList-location .mmcLocation-address { margin-left: calc(8% + 1em); width: calc(75% - 3.25em); } #find-mmc .mmcList-container .mmcList-location .mmcLocation-link { position: absolute; right: 1em; width: 3em; height: 3em; background: #1665CE; padding: 0; top: 50%; margin-top: -1.5em; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius: 5em; -o-border-radius: 5em; border-radius: 5em; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-link .svg { margin: 0 0.8em !important; stroke: #FFFFFF; width: 1.4em; } #find-mmc .mmcList-container .mmcList-location:hover .mmcLocation-link { background: #40ECB8; } .treatmentsServices-row .column-3 { margin-top: 0; margin-bottom: 0; width: 48%; } .treatmentsServices-row .column-3:nth-child(odd) { margin-right: 3%; } .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-icon figure img { width: 50%; } .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content { margin-top: 1em; } .mmc-location-detailmap .location-container .map-container { height: 400px; } .mmc-location-detailmap .location-container .address-container .address-detail .address-item-detail, .mmc-location-detailmap .location-container .address-container .address-detail .address-item-detail.show { left: 0; position: relative; top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } /* ---------------------------------------------------------------------- */ /* app */ /* ---------------------------------------------------------------------- */ .app-body #video-section .row { display: block; } .appDocFeature-row { padding-bottom: 1.5em; } .appDocFeature-row .column-4, .appDocFeature-row .horizontal-steps-container .step-container, .horizontal-steps-container .appDocFeature-row .step-container, .appDocFeature-row .column-3 { width: 50%; } .appDocFeature-row .column-4 .appDocFeature-content h5, .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content h5, .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content h5, .appDocFeature-row .column-4 .appDocFeature-content section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .appDocFeature-row .column-4 .appDocFeature-content h2, .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content h2, .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content h2, .appDocFeature-row .column-4 .appDocFeature-content .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .appDocFeature-row .column-4 .appDocFeature-content h2.media-introduction, .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content h2.media-introduction, .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content h2.media-introduction, .appDocFeature-row .column-4 .appDocFeature-content #lexicon-list .lexicon-alphabet, #lexicon-list .appDocFeature-row .column-4 .appDocFeature-content .lexicon-alphabet, .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content #lexicon-list .lexicon-alphabet, #lexicon-list .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content .lexicon-alphabet, .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content #lexicon-list .lexicon-alphabet, #lexicon-list .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content .lexicon-alphabet, .appDocFeature-row .column-4 .appDocFeature-content .lexicon-content h3, .lexicon-content .appDocFeature-row .column-4 .appDocFeature-content h3, .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content .lexicon-content h3, .lexicon-content .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content h3, .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content .lexicon-content h3, .lexicon-content .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content h3, .appDocFeature-row .column-4 .appDocFeature-content .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .appDocFeature-row .column-4 .appDocFeature-content .title, .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .appDocFeature-row .horizontal-steps-container .step-container .appDocFeature-content .title, .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .horizontal-steps-container .appDocFeature-row .step-container .appDocFeature-content .title, .appDocFeature-row .column-3 .appDocFeature-content h5, .appDocFeature-row .column-3 .appDocFeature-content section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content .appDocFeature-row .column-3 .appDocFeature-content h2, .appDocFeature-row .column-3 .appDocFeature-content .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container .appDocFeature-row .column-3 .appDocFeature-content h2.media-introduction, .appDocFeature-row .column-3 .appDocFeature-content #lexicon-list .lexicon-alphabet, #lexicon-list .appDocFeature-row .column-3 .appDocFeature-content .lexicon-alphabet, .appDocFeature-row .column-3 .appDocFeature-content .lexicon-content h3, .lexicon-content .appDocFeature-row .column-3 .appDocFeature-content h3, .appDocFeature-row .column-3 .appDocFeature-content .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle .appDocFeature-row .column-3 .appDocFeature-content .title { width: 90%; } .appDocFeature-row .appDocFeature-container { margin-bottom: 0.25em; } .appDocFeature-row .appDocFeature-container .appDocFeature-icon figure { margin-bottom: 0.75em; width: 40%; } .hereForYou-section .column-4, .hereForYou-section .horizontal-steps-container .step-container, .horizontal-steps-container .hereForYou-section .step-container { margin-left: 0; padding: 0.5em 0; text-align: left; width: 100%; } .hereForYou-section .hereForYou-image-container { height: auto; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hereForYou-section .hereForYou-image-container .hereForYou-image-left { border-right: 0; border-bottom: 2px solid #C8E2FC; height: 300px; position: relative; right: unset; width: 100%; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right { height: 300px; left: 0; position: relative; width: 100%; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-top, .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-bottom { height: 300px; width: calc(50% - 1px); top: 0; bottom: 0; right: unset; left: unset; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-top { border-right: 1px solid #C8E2FC; border-bottom: 0; right: 50%; left: 0; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-bottom { border-left: 1px solid #C8E2FC; border-top: 0; right: 0; left: 50%; } .app-feature-slider.slider-container { width: 94%; } .app-feature-slider.slider-container .app-feature-row { margin: 0; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .app-feature-slider.slider-container .app-feature-row .app-feature-content { margin-left: auto; margin-right: auto; margin-bottom: 0; width: 90%; } .app-feature-slider.slider-container .app-feature-row .app-feature-image { max-width: 250px; min-width: 200px; margin-left: auto; margin-right: auto; margin-bottom: 0; width: 50%; } .app-feature-slider.slider-container .rsArrow { top: 35%; } .patientSatisfaction-row { display: block; } .patientSatisfaction-row .column-4, .patientSatisfaction-row .horizontal-steps-container .step-container, .horizontal-steps-container .patientSatisfaction-row .step-container { text-align: center; } .patientSatisfaction-row .column-4:nth-of-type(1), .patientSatisfaction-row .horizontal-steps-container .step-container:nth-of-type(1), .horizontal-steps-container .patientSatisfaction-row .step-container:nth-of-type(1), .patientSatisfaction-row .column-4:nth-of-type(3), .patientSatisfaction-row .horizontal-steps-container .step-container:nth-of-type(3), .horizontal-steps-container .patientSatisfaction-row .step-container:nth-of-type(3) { padding-bottom: 0; } .patientSatisfaction-row .column-4:nth-of-type(2) img, .patientSatisfaction-row .horizontal-steps-container .step-container:nth-of-type(2) img, .horizontal-steps-container .patientSatisfaction-row .step-container:nth-of-type(2) img { width: 40%; } .patientSatisfaction-row a.link-arrow { -webkit-box-pack: center; -moz-box-pack: center; -webkit-flex-pack: center; -ms-flex-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } .appRating-container { -webkit-box-pack: center; -moz-box-pack: center; -webkit-flex-pack: center; -ms-flex-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } .appRating-container .star { height: 2em; width: 2em; } .appMiniDownload-container { padding: 1.5em 3%; } /* ---------------------------------------------------------------------- */ /* business partners */ /* ---------------------------------------------------------------------- */ #individual-corporation .column-8.offset-2.center { text-align: left; } #individual-corporation .individual-corporation-icon { margin: 0 auto 0 0; max-width: 100px; } /* ---------------------------------------------------------------------- */ /* jobs */ /* ---------------------------------------------------------------------- */ .question-block { margin: 2em 0; } .question-block .btn-group.inline a.btn { margin: 0; } .question-block .btn-group.inline a.btn:first-of-type { margin-right: 1.5em; } #docathome-section .wrapper .row [class*=column-] { margin-top: 0; margin-bottom: 0; } #docathome-section.docathome-container .docathome-interview { padding: 1.5em 3%; } section.offene-stellen-intro-container .offene-stellen-einleitung { margin-bottom: 1.5em; } section.offene-stellen-intro-container .wrapper .advantage-row .column-5 { margin-top: 0; margin-bottom: 3.5em; width: 98%; } section.offene-stellen-intro-container .wrapper .advantage-row .column-5.offset-2 { margin-left: 0; } section.offene-stellen-intro-container .wrapper .advantage-row:last-of-type { margin-top: 0; } section.offene-stellen-intro-container .advantages-container .advantages-text h3 { margin-bottom: 1em; } /* ---------------------------------------------------------------------- */ /* Doc Appointment */ /* ---------------------------------------------------------------------- */ .doc-appointment .wrapper .row:nth-child(1) .column-12 { margin-bottom: 0; } .doc-appointment .steps-container { margin: 0; } .doc-appointment .questions-container .box-content a.btn { margin: 0.75em 0; } .doc-appointment .questions-container .box-content a.btn.next-step { float: right; margin-bottom: 0; } .doc-appointment .questions-container .box-content.step-2 .title-container, .doc-appointment .questions-container .box-content.step-2 .calendar-container, .doc-appointment .questions-container .box-content.step-2 .time-container { margin: 0 auto; width: 94%; } .doc-appointment .questions-container .box-content.step-2 .calendar-container { margin-bottom: 1.5em; } .doc-appointment .questions-container .box-content.step-2 .dropdown-group.time-selector { margin-bottom: 3em; } .doc-appointment .questions-container .box-content.step-2 .offset-1 { margin-left: inherit; } /* ---------------------------------------------------------------------- */ /* About Us */ /* ---------------------------------------------------------------------- */ .row.who-we-are-vimeo { margin-top: 0; } .row.who-we-are-stats { margin-top: 0; } .whoWeAre-keyvisual, .whoWeAreStats-keyvisual, .vision-keyvisual, .whatsImportant-keyvisual { max-width: 100px; } #our-values .row:last-of-type .column-4, #our-values .row:last-of-type .horizontal-steps-container .step-container, .horizontal-steps-container #our-values .row:last-of-type .step-container { margin-top: 3em; } #our-values .row:last-of-type .column-4:first-of-type, #our-values .row:last-of-type .horizontal-steps-container .step-container:first-of-type, .horizontal-steps-container #our-values .row:last-of-type .step-container:first-of-type { margin-top: 1.5em; } /* ---------------------------------------------------------------------- */ /* our partners */ /* ---------------------------------------------------------------------- */ .insurancePartners-container .partner-container, .organizationPartners-container .partner-container, .medicalCentres-container .partner-container { margin-top: 0.75em; margin-bottom: 0.75em; } .insurancePartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .organizationPartners-container .partner-container .partner-content .partnerdetails a.partnerlink, .medicalCentres-container .partner-container .partner-content .partnerdetails a.partnerlink { margin-top: 0.5em; } .insurancePartners-container .insurancePartners-wrapper .partnerdetails ul li { padding: 0.1em 0; } .insurancePartners-container .insurancePartners-wrapper .partnerdetails a.partnerlink { margin-top: 0.5em; } .insurancePartners-container .currentInsurers-row { margin: 0 -1%; } .insurancePartners-container .currentInsurers-row .currentinsurers-title { margin: 0; } .insurancePartners-container .currentInsurers-row .currentinsurers-list { float: left; margin: 0 1%; text-align: left; width: 31.33333%; } .partnerNetwork-stepRow { margin: 1.5em -1%; } .partnerNetwork-stepRow [class*=column-] { float: left; margin: 0 1%; width: 48%; } .partnerNetwork-stepRow .partnerNetwork-stepIcon { max-width: 275px; } .medicalCentres-container .location-container .address-container .ict-accordion-container { margin: 0 auto; padding: 1.5em 0; width: 94%; } .medicalCentres-container .location-container .address-container .accordion-content .address-title-container { margin: 0; padding: 0; width: 100%; } /* ---------------------------------------------------------------------- */ /* media */ /* ---------------------------------------------------------------------- */ section.media-container .media-row { margin: 0 -1%; } section.media-container .media-row .media-column { margin: 0 1% 1em 1%; } section.media-container .media-row .media-column .media-container .media-image { height: 175px; } section.media-container .media-row .media-column .media-container .media-content .media-date { margin-bottom: 0.5em; } .mediaDetail-box { margin-bottom: 0; padding: 1.5em 3%; -webkit-border-radius: 0.588em 0.588em 0 0; -moz-border-radius: 0.588em 0.588em 0 0; -ms-border-radius: 0.588em 0.588em 0 0; -o-border-radius: 0.588em 0.588em 0 0; border-radius: 0.588em 0.588em 0 0; } .mediaDetail-box .mediaDetail-container h2.media-introduction { margin-bottom: 1.25em; } .mediaDetail-box.media-contact, .mediaDetail-box.media-aboutMedgate { -webkit-border-radius: 0.588em; -moz-border-radius: 0.588em; -ms-border-radius: 0.588em; -o-border-radius: 0.588em; border-radius: 0.588em; } .mediaDetail-box.media-contact [class*=column-], .mediaDetail-box.media-aboutMedgate [class*=column-] { margin: 0; } .mediaDetail-box.media-contact { margin-bottom: 1.5em; } .mediaDetail-box.media-aboutMedgate .row:last-of-type { margin-top: 2em; } body.mediaDetail-body .mainimg-container .claim-container .claim { width: 100%; } section.mediaDetail-firstSection .socialShare-container { margin: 0 auto; position: relative; top: 0; width: 94%; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-border-radius: 0 0 0.588em 0.588em; -moz-border-radius: 0 0 0.588em 0.588em; -ms-border-radius: 0 0 0.588em 0.588em; -o-border-radius: 0 0 0.588em 0.588em; border-radius: 0 0 0.588em 0.588em; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link { width: 17%; } /* ---------------------------------------------------------------------- */ /* diseases */ /* ---------------------------------------------------------------------- */ .custom-half-header.mainimg-container { height: auto; } .custom-half-header.mainimg-container .claim-container { height: auto; } .custom-half-header.mainimg-container .claim-container .claim-center { transform: none; top: 0; position: relative; } .custom-half-header.mainimg-container .claim-container .claim-center h1 { font-size: 42px; line-height: 1.15em; } .custom-half-header.mainimg-container .claim-container .claim-center .column-7 { margin-top: 2em; width: 100%; } .custom-half-header.mainimg-container .claim-container .claim-center .row .column-3 { margin: 1em 0; } .custom-half-header.mainimg-container .claim-container .claim-center .row .column-3:first-of-type { margin-top: 0; } .custom-half-header.mainimg-container .claim-container .claim-center .claim-teaser { background: #DFEEFE; } .custom-half-header.mainimg-container .mainimg-image { height: 400px; } .custom-half-header.mainimg-container .mainimg-image figure { height: 400px; width: 100%; } .diseases-section .diseases-container { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .diseases-section .diseases-container .diseases-app { margin-bottom: 1.5em; padding: 1.5em; width: 100%; } .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle { margin-bottom: 0.5em; } .diseases-section .diseases-container .diseases-app .diseasesApp-iconTitle .diseasesTitle-icon img { max-width: 100px; } .diseases-section .diseases-container .diseases-app:last-of-type { margin-bottom: 0; } .treatmentFields-container { margin-left: 0; margin-right: 0; } .treatmentFields-container .treatmentField-teaser { margin: 0 0 0.5em 0; width: 100%; } .treatmentFields-container .treatmentField-teaser .treatmentField-icon { width: 3em; } .treatmentFields-container .treatmentField-teaser .treatmentField-name { width: calc(100% - 6em); margin-left: 1em; } .treatmentFields-container .treatmentField-teaser .treatmentField-arrow { width: 1.5em; } .treatmentFields-container .treatmentField-teaser:hover .treatmentField-arrow { margin-left: 0.5em; } .treatmentFields-container.no-icon .treatmentField-teaser .treatmentField-name { width: calc(100% - 1.5em); } .overviewServices-row .column-5 { width: 100%; } .overviewServices-row .overviewServices-container .overviewServices-icon { max-width: 100px; width: 100%; } .billing-row { display: block; } .billing-row .column-4, .billing-row .horizontal-steps-container .step-container, .horizontal-steps-container .billing-row .step-container, .billing-row .column-8 { width: 100%; } .billing-row .billing-icon img { margin: 0 auto 0 0; max-width: 100px; width: 100%; } .diseases-sticky.is-affixed, .blog-sticky.is-affixed { height: auto !important; } .diseases-sticky.is-affixed .inner-wrapper-sticky, .blog-sticky.is-affixed .inner-wrapper-sticky { position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; width: 100% !important; } .sticky-container .sticky-teaser, .sticky-container .sticky-nav { padding: 1em; } .sticky-container .sticky-teaser .teaser-header img { width: 40px; } #sticky .wrapper .row { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* ---------------------------------------------------------------------- */ /* location map */ /* ---------------------------------------------------------------------- */ .location-container { height: auto; position: relative; } .location-container .map-container, .location-container .address-container { float: none; width: 100%; } .location-container .map-container { height: 600px; } .location-container .address-container { display: block; height: auto; position: unset; } .location-container .address-container .address-title-container { margin: 0 auto; padding: 1.5em 0; width: 94%; } .location-container .address-container .address-title-container .address-title a { padding: 0.1em 0; } .location-container .address-container .address-detail .address-item-detail { background: rgba(255, 255, 255, 0.9); padding: 1.5em 3%; transform: translateX(0); transform: translateY(4em); top: 1.5em; right: 3%; bottom: unset; left: 3%; -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } .location-container .address-container .address-detail .address-item-detail .address-item-wrapper { display: block; width: 100%; } .location-container .address-container .address-detail .address-item-detail .address-item-wrapper h3 { margin-right: 2.25em; } .location-container .address-container .address-detail .address-item-detail .close-container { transform: translateY(-4em); top: 1.5em; right: 3%; } .location-container .address-container .address-detail .address-item-detail.show { transform: translateY(0); } .location-container .address-container .address-detail .address-item-detail.show .close-container { transform: translateY(0); } /* ---------------------------------------------------------------------- */ /* pharmacy finder */ /* ---------------------------------------------------------------------- */ section.pharmacyFinder-container .pharmacyFinder-searchContainer { padding: 0; } section.pharmacyFinder-container .pharmacyFinder-mapContainer { display: block; height: auto; position: relative; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-mapHolder { height: 600px; width: 100%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address { height: auto; position: unset; width: 100%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container { height: auto; margin: 0 auto; padding: 1.5em 0; width: 94%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail { background: rgba(255, 255, 255, 0.9); padding: 1.5em 3%; transform: translateX(0); transform: translateY(4em); top: 1.5em; right: 3%; bottom: unset; left: 3%; -webkit-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -moz-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -ms-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); -o-box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); box-shadow: 0 2px 12px rgba(22, 101, 206, 0.35); } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address-item-wrapper { display: block; width: 100%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .address-item-wrapper h3 { margin-right: 2.25em; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .close-container { transform: translateY(-4em); top: 1.5em; right: 3%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail.show { transform: translateY(0); } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail.show .close-container { transform: translateY(0); } /* ---------------------------------------------------------------------- */ /* itc landingpage */ /* ---------------------------------------------------------------------- */ .landing-intro .row.landing-logo .landing-logo-container img { margin: 0 auto 1em auto; max-width: 25%; } #function-steps .vertical-steps-container { margin-top: 0; padding-top: 2em; } #function-steps .vertical-steps-container .step-container { margin: 1.5em 0; } #function-steps .vertical-steps-container .step-container .function-video { margin-top: 0.75em; } #offered-by .logo-row { display: block; margin: 0; } #offered-by .logo-row .offeredby-logo-container { margin: 1em 0; } #offered-by .logo-row .offeredby-logo-container img { max-height: 150px; } /* ---------------------------------------------------------------------- */ /* lexicon */ /* ---------------------------------------------------------------------- */ .lexicon-disclaimer { margin-top: 1.5em; } #lexicon-list .home-newsletter-image { margin-bottom: 1.5em; max-width: 100px; } .lexicon-content hr { margin: 0.1em 0; } /* ---------------------------------------------------------------------- */ /* corona */ /* ---------------------------------------------------------------------- */ body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd), body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result { padding: 3em 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .wrapper .row .column-8.offset-2, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .wrapper .row .column-8.offset-2, body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result .wrapper .row .column-8.offset-2 { margin-left: 1%; width: 98%; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question { font-size: 30px; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .btn-group .btn, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .btn-group .btn { margin: 0 1em 0 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .btn-group .btn:last-of-type, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .btn-group .btn:last-of-type { margin-right: 0; } /* ---------------------------------------------------------------------- */ /* apotheke */ /* ---------------------------------------------------------------------- */ .bookADoc-wrapper { padding: 1em 2.5%; } .bookADoc-wrapper .column-3 { margin: 0; width: 50%; } .bookADoc-wrapper .bookADoc-container { padding: 1em 4%; } .bookADoc-wrapper .bookADoc-container .bookADoc-image .bookADoc-number { left: 15%; } .bookADoc-wrapper .bookADoc-container .bookADoc-image .bookADoc-icon { max-width: 150px; } #form-section .center { text-align: left !important; } .apotheke-form-container { margin: 1.5em auto 0 1%; width: 98%; } .apotheke-form-container .apotheke-form .apotheke-register-btn { margin-top: 2em !important; } /* ---------------------------------------------------------------------- */ /* arzttermin buchen */ /* ---------------------------------------------------------------------- */ .claim-container .claim .terminBuchen-appRating { background: #F2F4F3; } .step-container .step-illu img { max-width: 100px; } .step-container:nth-child(2) { margin-top: 0.5em; margin-bottom: 0.5em; } .terminTriplet-illu img { max-width: 100px; } /* ---------------------------------------------------------------------- */ /* talk to a doc */ /* ---------------------------------------------------------------------- */ .talk-to-doc-section .talkDoc-container { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .talk-to-doc-section .talkDoc-container .talkDoc-app, .talk-to-doc-section .talkDoc-container .talkDoc-web { padding: 1.5em; width: 100%; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-iconTitle .talkDoc-icon img, .talk-to-doc-section .talkDoc-container .talkDoc-web .talkDoc-iconTitle .talkDoc-icon img { max-width: 100px; } .talk-to-doc-section .talkDoc-container .talkDoc-app { margin-bottom: 1.5em; } /* ---------------------------------------------------------------------- */ /* default */ /* ---------------------------------------------------------------------- */ .default-box-container { padding: 0 3%; } .default-box-container hr { margin: 0.5em 0; } /* ---------------------------------------------------------------------- */ /* rekrutierung-special */ /* ---------------------------------------------------------------------- */ body.rekrutierung-special .mainimg-container { height: 550px; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image { height: 550px; margin-top: 0; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image h1 { font-size: 37px; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image:before { display: none; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image .focuspoint { height: 550px; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content { padding: 2.25em 3% 2em 3%; width: 100%; } body.rekrutierung-special .mainimg-container .claim-container { height: 550px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } body.rekrutierung-special #advantage .wrapper .advantage-row { padding: 0 5%; } body.rekrutierung-special #advantage .wrapper .advantage-row .column-5 { width: 100%; } body.rekrutierung-special #advantage .wrapper .advantage-row .column-5.offset-2 { margin-left: 0; } body.rekrutierung-special #advantage .wrapper .advantage-row .column-5.offset-2:last-of-type { margin-top: 3.5em; } body.rekrutierung-special #advantage .wrapper .advantage-row:last-of-type { margin-top: 1em; } body.rekrutierung-special #advantage .advantages-container .advantages-text h3 { margin-bottom: 1em; } body.rekrutierung-special #application-process .process-row { display: block !important; margin-top: 0; } body.rekrutierung-special #application-process .process-row:nth-child(2) { margin-top: 1em; } body.rekrutierung-special #application-process .process-row:last-of-type { margin-top: 0; } body.rekrutierung-special #application-process .process-row .column-5 { width: 100%; } body.rekrutierung-special #application-process .process-row .column-5.offset-2 { margin-top: 3em; margin-left: 0; } body.rekrutierung-special #application-process .process-container { padding: 0 4% 2em 4%; } body.rekrutierung-special #application-process .process-container .process-number { margin: 0 auto; } body.rekrutierung-special #application-process .process-container .process-text h3 { margin-bottom: 1em; } body.rekrutierung-special #job-apply .column-8, body.rekrutierung-special #become-doc .column-8 { width: 100%; } body.rekrutierung-special #job-apply .column-8 h2, body.rekrutierung-special #become-doc .column-8 h2 { margin-bottom: 0.4em; } body.rekrutierung-special #job-apply .btn-group.inline, body.rekrutierung-special #become-doc .btn-group.inline { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body.rekrutierung-special #job-apply .btn-group.inline a.btn, body.rekrutierung-special #become-doc .btn-group.inline a.btn { width: fit-content; } body.rekrutierung-special #job-apply .btn-group.inline a.btn:last-of-type, body.rekrutierung-special #become-doc .btn-group.inline a.btn:last-of-type { margin: 1em 0 0 0; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer { padding-top: 7em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .column-8 { width: 100%; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3 { font-size: 1.35em; line-height: 1.3em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn { width: 48.5%; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h5, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2.media-introduction, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form #lexicon-list .lexicon-alphabet, #lexicon-list body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-alphabet, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-content h3, .lexicon-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .title { margin-top: 2.5em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-next .btn { min-width: 48.5%; } /* ---------------------------------------------------------------------- */ /* blog */ /* ---------------------------------------------------------------------- */ #blog-stories .blogTeasers-container .blogStory-container { margin-bottom: 1em; width: 48%; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-image { height: 225px; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-content { padding: 0.75em 1em 4.755em 1em; } /* ---------------------------------------------------------------------- */ /* parallax */ /* ---------------------------------------------------------------------- */ .parallax-container { background-image: none !important; } .parallax-container .wrapper { height: auto; min-height: auto; } .parallax-container.home-parallax .home-appmobile-image { display: block; margin: 1.5em auto; max-width: 275px; } /* ---------------------------------------------------------------------- */ /* germany */ /* ---------------------------------------------------------------------- */ .germany .header-container .logo-container { margin-top: 0 !important; margin-bottom: 0 !important; max-width: unset; } .germany .header-container .logo-container .svg { padding: 1em 0; max-width: 130px; min-width: 130px; } .germany section.germany-content { display: block; height: auto; padding-top: 4em; } .germany section.germany-content .column-12 { margin: 0; } .germany section.germany-content .box-container.img-left .box-image { padding-bottom: 0 !important; } .germany .footer-container.germany-custom { padding: 1px 0; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .label-left { display: block; float: none; width: 100%; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .label-left label.control-label { padding: 0; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio { margin: 0.25em 0.5em 0.5em 0; } .pfyfferli-form-container .bstrap3-material .row .col-sm-12 .form-group .field-container .radio label { padding: 0 1.5em 0 0; } #migraine-logos a img { display: block; margin: 0 auto; } /* ---------------------------------------------------------------------- */ /* document-library */ /* ---------------------------------------------------------------------- */ .doclibrary-table { margin-bottom: 2.5em; } .doclibrary-table .doclib-tableheader, .doclibrary-table .doclib-tablerow { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .doclibrary-table .doclib-tableheader .doclibtable-title, .doclibrary-table .doclib-tablerow .doclibtable-title { margin-bottom: 0.25em; width: 70%; } .doclibrary-table .doclib-tableheader .doclibtable-country, .doclibrary-table .doclib-tablerow .doclibtable-country { margin-bottom: 0.25em; text-align: right; width: 30%; } .doclibrary-table .doclib-tableheader .doclibtable-language, .doclibrary-table .doclib-tableheader .doclibtable-published, .doclibrary-table .doclib-tablerow .doclibtable-language, .doclibrary-table .doclib-tablerow .doclibtable-published { width: 25%; } .doclibrary-table .doclib-tableheader .doclibtable-download, .doclibrary-table .doclib-tablerow .doclibtable-download { width: 50%; } .doclibrary-table .doclib-tableheader .doclibtable-download a .svg, .doclibrary-table .doclib-tablerow .doclibtable-download a .svg { height: 1.1em; width: 1.1em; margin-right: 0.25em; } /* ---------------------------------------------------------------------- */ /* Special-Events */ /* ---------------------------------------------------------------------- */ .main-party .info-section { padding-top: 1em; } .main-party .info-section .medlogo-container.column-10.offset-1, .main-party .info-section .medintro-container.column-10.offset-1, .main-party .info-section .medtop-container.column-10.offset-1, .main-party .info-section .medcostume-container.column-10.offset-1, .main-party .info-section .medfood-container.column-10.offset-1 { margin-left: 1%; width: 98%; } .main-party .info-section .medlogo-container { margin-bottom: 2em; } .main-party .info-section .medlogo-container figure { width: 25%; min-width: 150px; } .main-party .info-section .medintro-container { margin-bottom: 1em; } .main-party .info-section .medintro-container figure { margin-bottom: 2em; } .main-party .info-section .medtop-container, .main-party .info-section .medcostume-container { margin-bottom: 2em; } .main-party .info-section .medcostume-container figure { margin-top: 2em; } .main-party .form-section .offset-1 { margin-left: 1%; width: 98%; } .main-party .form-section .medflix-note { margin-bottom: 1em; padding: 1.5em 1em; } .film-premiere .mainimg-container .mainimg-image figure img { max-height: 350px; } .film-premiere .info-section h1 { font-size: 3.5em; } .film-premiere .info-section h2 { font-size: 2em; } } /* -------------------------------------------------------------------------------------------------------------------------------------------- */ @media (max-width: 480px) { /* ---------------------------------------------------------------------- */ /* typography */ /* ---------------------------------------------------------------------- */ body { font-size: 15px; } h1 { font-size: 35px; } h2 { font-size: 30px; } h3, section.page-intro h2, #high-quality h2, .parallax-container.home-parallax h2, #mtc-faq h2, #mmc-price h2, .insurancePartners-container h2, .organizationPartners-container h2, body.mediaDetail-body .mainimg-container .claim-container .claim h1, h2.h3-style { font-size: 25px; } h4, section.media-container .box-container .box-content h2, .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container h3, #function-steps .vertical-steps-container .step-container h3, #main-home h3, .parallax-container.home-parallax h3, .diseases-container .allsymptoms-row h3, #Telemediziner .horizontal-steps-text p, .question-block p.question, #arzttermin-section h2, .docathome-container .row .box-container.docathome p.big.title, .docathome-container .row .box-container.docathome #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text p.title.happy-patient-testimonial, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .docathome-container .row .box-container.docathome p.title.happy-patient-testimonial, .docathome-container .row .box-container.docathome #experienced-doctors .experienced-doctor-container .experienced-doctor-text p.title.experienced-doctor-testimonial, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .docathome-container .row .box-container.docathome p.title.experienced-doctor-testimonial, .docathome-container .row .box-container.docathome #function-steps .vertical-steps-container .step-container p.title, #function-steps .vertical-steps-container .step-container .docathome-container .row .box-container.docathome p.title, .docathome-container .row .box-container.docathome body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block p.title.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .docathome-container .row .box-container.docathome p.title.question-explain, .docathome-container .row .box-container.docathome body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block p.title.question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .docathome-container .row .box-container.docathome p.title.question-explain, h2.h4-style, h3.h4-style { font-size: 20px; } h5, section.media-container .media-row .media-column .media-container .media-content h2, .mediaDetail-box .mediaDetail-container h2.media-introduction, #lexicon-list .lexicon-alphabet, .lexicon-content h3, .ict-accordion-container .accordion-toggle .title, .diseases-container .allsymptoms-content h4, .diseases-container .allsymptoms-content section.media-container .box-container .box-content h2, section.media-container .box-container .box-content .diseases-container .allsymptoms-content h2, .diseases-container .allsymptoms-content .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title .diseases-container .allsymptoms-content a, .diseases-container .allsymptoms-content .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container .diseases-container .allsymptoms-content h3, .diseases-container .allsymptoms-content #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container .diseases-container .allsymptoms-content h3, body.mediaDetail-body .mainimg-container .claim-container .claim h4, body.mediaDetail-body .mainimg-container .claim-container .claim section.media-container .box-container .box-content h2, section.media-container .box-container .box-content body.mediaDetail-body .mainimg-container .claim-container .claim h2, body.mediaDetail-body .mainimg-container .claim-container .claim .location-container .address-container .address-title-container .address-title a, .location-container .address-container .address-title-container .address-title body.mediaDetail-body .mainimg-container .claim-container .claim a, body.mediaDetail-body .mainimg-container .claim-container .claim .location-container .address-container .address-title-container h3, .location-container .address-container .address-title-container body.mediaDetail-body .mainimg-container .claim-container .claim h3, body.mediaDetail-body .mainimg-container .claim-container .claim #function-steps .vertical-steps-container .step-container h3, #function-steps .vertical-steps-container .step-container body.mediaDetail-body .mainimg-container .claim-container .claim h3, #blog-stories .blogTeasers-container .blogStory-container .blogStory-content h3.blog-content h2, .blog-content h2, .blog-content .blogDetail-container .blogStory-content .blogStory-title { font-size: 17px; } .small, section.media-container .media-row .media-column .media-container .media-content .media-date { font-size: 13px; } .big, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-testimonial, #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial, #function-steps .vertical-steps-container .step-container p, #lexicon-list ul.lexicon-list, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question-explain { font-size: 17px; } .btn-group.inline a.btn { margin-bottom: 0.5em; } /* ---------------------------------------------------------------------- */ /* elements */ /* ---------------------------------------------------------------------- */ .calendar-date { margin: 1em 0 0 0; } .calendar-date table thead tr th button { font-size: 0.9em; margin-top: 0.5em; padding: 0.5em 0.75em; } .calendar-date table thead tr th.text-center small { font-size: 0.9em; padding: 0.5em 0.75em; } .calendar-date table tbody tr td button { font-size: 0.9em; } .calendar-date table tbody tr td button span { padding: 0.5em; } /* ---------------------------------------------------------------------- */ /* layout */ /* ---------------------------------------------------------------------- */ .wrapper { width: 92%; } .header-container .logo-container { width: 35%; } .header-container .logo-container a .svg { max-width: 100%; min-width: 100%; padding: 0.5em 0; } .header-container .nav-container { width: 65%; } .header-container .nav-container .headerBtns-container .treatment-start, .header-container .nav-container .headerBtns-container .prescription, .header-container .nav-container .headerBtns-container .treatment-book { font-size: 0.7em; margin-right: 0; padding: 0.5em; } .header-container .nav-container .secondary .global-url a { margin-right: 0; padding: 0.25em; } .header-container .burger-container .svg { padding: 1em; } .footer-container { padding-top: 0.5em; } .footer-container .logo-container img { min-width: 110px; } .footer-container .column-patient, .footer-container .column-doctor, .footer-container .column-aboutus, .footer-container .column-business, .footer-container .column-secondary, .footer-container .column-socialmedia, .footer-container .column-medgateApp { clear: both; float: none; margin: 0; width: 100%; } .footer-container .column-secondary, .footer-container .column-socialmedia { display: block; } .footer-container .column-secondary ul.secondary-linklist, .footer-container .column-secondary ul.socialmedia-linklist, .footer-container .column-socialmedia ul.secondary-linklist, .footer-container .column-socialmedia ul.socialmedia-linklist { margin-top: 0.75em; width: 100%; } .footer-container ul.doctor-linklist, .footer-container ul.aboutus-linklist, .footer-container ul.business-linklist { margin-top: 0.75em; } .footer-container .column-medgateApp { margin-top: 1em; } .footer-container .row:last-of-type { padding-top: 1em; } .footer-container .row:last-of-type .column-9, .footer-container .row:last-of-type .column-3 { clear: both; width: 100%; } .footer-container .row:last-of-type .column-9 a, .footer-container .row:last-of-type .column-3 a { display: block; } .mainimg-container .mainimg-image { height: 300px; margin-top: -3em; } .mainimg-container .mainimg-image figure { height: 300px; } .mainimg-container .claim-container .claim { margin-top: 5em; } .mainimg-container .mainimg-bar { min-height: 50px; } .mainimg-container .mainimg-bar .row a .svg { padding: 1.3em 0; } .mainimg-container .mainimg-bar .row a:hover .svg { padding: 1.5em 0 1.1em 0; } .mainimg-container .mainimg-bar .row ul.breadcrumbs { min-height: 50px; padding: 0.6em 0; } .mainimg-container.medgate-app .mainimg-image { height: 300px; } .mainimg-container.medgate-app .mainimg-image .phone-holder { margin: 0; } .mainimg-container.medgate-app .mainimg-image .phone-holder figure { height: 300px; } .mainimg-container.medgate-app .mainimg-image .phone-holder figure img { bottom: -50px; margin: 0 auto; max-height: 350px; } .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image { height: 300px; margin-top: -2.5em; } .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .slider-image .focuspoint { height: 300px; } .mm-menu .mobile-language-container ul.dropdown-menu li a { font-size: 0.8em; } /* ---------------------------------------------------------------------- */ /* design modules */ /* ---------------------------------------------------------------------- */ .box-container.img-left .box-image, .box-container.img-right .box-image { padding-bottom: 100%; } .box-container.img-left .box-content, .box-container.img-right .box-content { width: 92%; } .box-container .box-content { width: 92%; } .partnerLogo-container .column-3 { width: 48%; } /* ---------------------------------------------------------------------- */ /* index */ /* ---------------------------------------------------------------------- */ .row.this-is-medgate .ThisIsMedgate-keyvisual { max-width: 50px; } .health-app .healthapp-row { margin-bottom: 1em; } .health-app .healthapp-row .healthapp { margin: 0; } .health-app .healthapp-row .healthapp .healthapp-teaser { margin: 0.25em 0; width: 100%; } .health-app .healthapp-image figure img { max-height: 65vh; max-width: 200px; } .health-app .healthapp-accordion ul.advantages { font-size: 1em; padding-left: 1.5em; } .health-app .healthapp-accordion ul.advantages:before { height: 0.75em; width: 0.75em; } .health-app .healthapp-btns { margin-top: 1.5em; } .health-app .healthapp-btns .btn-group .btn { margin: 0 !important; } .health-app .healthapp-btns .btn-group .btn:first-of-type { margin-bottom: 1em !important; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .btn-group { margin: 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .btn-group .btn { margin: 1em 0 0 0; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel .emergencyTel-group { width: 100%; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel .emergencyTel-group:first-of-type { border-bottom: 1px solid #000000; border-right: none; margin: 0; padding: 0 0 1em 0; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel .emergencyTel-group:last-of-type { margin: 1em 0 0 0; } #digital-doc .digitalDoc-container .digitalDoc-emergency .digitalDoc-teasers .digitalDocTeaser-container .emergencyTel .emergencyTel-group .emergencyTel-icon { max-width: 40px; } #our-advantages .our-advantages-icon { margin: 0 auto 0.5em auto; max-width: 100px; } #our-advantages ul.checkmark.advantages li { font-size: 17px; padding-left: 2em; } #our-advantages ul.checkmark.advantages li:before { background-size: 0.8em; height: 1.25em; min-width: 1.25em; width: 1.25em; left: 0; top: -0.2em; } .app-teaser-module .row .app-image figure { height: 300px; } .app-teaser-module .row .app-image figure img { width: 65%; } #media-logos .media-logos-row { display: block; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } #media-logos .media-logos-row .column-3 { margin: 0 auto; width: 100%; } #media-logos .media-logos-row .column-3:first-of-type figure.media-logo-img img { margin-top: 0; } #media-logos .media-logos-row figure.media-logo-img img { margin: 2em auto; max-width: 125px; } #swiss-network .swiss-network-icon { margin: 0 auto 0.5em auto; max-width: 100px; } /* ---------------------------------------------------------------------- */ /* mmc */ /* ---------------------------------------------------------------------- */ .diseases-container .wenn-icon-container { margin-bottom: 1.5em; } #happy-patients .happy-patient-row { display: block; } #happy-patients .happy-patient-row .happy-patient-container { border-bottom: 2px solid #FFFFFF; margin-top: 1em; width: 100%; } #happy-patients .happy-patient-row .happy-patient-container:nth-child(even), #happy-patients .happy-patient-row .happy-patient-container:nth-child(odd) { -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #happy-patients .happy-patient-row .happy-patient-container.happy-patient-container:nth-child(odd) .happy-patient-portrait { margin-left: 0; margin-right: auto; } #happy-patients .happy-patient-row .happy-patient-container.happy-patient-container:nth-child(odd) .happy-patient-text:after { margin-left: 40%; } #happy-patients .happy-patient-row .happy-patient-container.happy-patient-container:nth-child(even) .happy-patient-text:after { margin-right: 40%; } #happy-patients .happy-patient-row .happy-patient-container:first-of-type { margin-top: 0; } #happy-patients .happy-patient-row .happy-patient-container:last-of-type { margin-bottom: 1em; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text { width: 100%; text-align: left !important; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text .happy-patient-testimonial { font-size: 15px; line-height: 19px; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-portrait { margin-top: 0; max-height: unset; max-width: unset; width: 40%; } #happy-patients .happy-patient-row .happy-patient-container .happy-patient-portrait img { max-height: unset; } #experienced-doctors .experienced-doctor-container { margin: 0; width: 100%; } #experienced-doctors .experienced-doctor-container figure.experienced-doctor-portrait { margin-bottom: 0.5em; width: 50%; } #experienced-doctors .experienced-doctor-container .experienced-doctor-text .experienced-doctor-testimonial { font-size: 15px; line-height: 19px; } #experienced-doctors .swiper-container { margin-bottom: 0; } #experienced-doctors .swiper-container .swiper-button-next, #experienced-doctors .swiper-container .swiper-button-prev { display: none; } .newsBanner-container { padding: 1.5em 4%; } #mmc-function .mmc-function-steps-container .step-container { border-bottom: 2px solid #FFFFFF; display: block; padding-top: 1em; } #mmc-function .mmc-function-steps-container .step-container .step-illu { margin: 0; width: 100%; } #mmc-function .mmc-function-steps-container .step-container .step-illu .mmc-function-illu img { display: block; margin: 0 auto; width: 40%; } #mmc-function .mmc-function-steps-container .step-container .step-content { margin: 0 0 1.5em 0; width: 100%; } #mmc-function .mmc-function-steps-container .step-container .step-content .step-nr { display: block; left: 0; margin: -1.5em 0 0.5em 0; position: relative; } #mmc-function .mmc-function-steps-container .step-container:first-of-type { padding-top: 0; } #mmc-function .mmc-function-steps-container .step-container:last-of-type { border-bottom: none; } #find-mmc .mmcList-container .mmcList-location { position: relative; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-crest { padding-left: 0.5em; width: 9%; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-name { padding: 0 0.5em; width: calc(73% - 1em); } #find-mmc .mmcList-container .mmcList-location .mmcLocation-address { padding: 0 0.5em; margin-left: calc(9% + 0.5em); width: calc(73% - 1em); } #find-mmc .mmcList-container .mmcList-location .mmcLocation-link { right: 0.5em; width: 2em; height: 2em; margin-top: -1em; } #find-mmc .mmcList-container .mmcList-location .mmcLocation-link .svg { margin: 0 0.4em !important; width: 1.2em; } .treatmentsServices-row .column-3 { border-bottom: 2px solid #FFFFFF; width: 100%; } .treatmentsServices-row .column-3:nth-child(odd) { margin-right: 0; } .treatmentsServices-row .column-3:last-of-type { border-bottom: none; } .treatmentsServices-row .treatmentsServices-teaser { margin: 1em 0; } .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-icon figure img { width: 30%; } .treatmentsServices-row .treatmentsServices-teaser .treatmentsServicesTeaser-content { margin-top: 0.75em; } /* ---------------------------------------------------------------------- */ /* app */ /* ---------------------------------------------------------------------- */ .appDocFeature-row { padding-bottom: 0.75em; } .appDocFeature-row .column-4, .appDocFeature-row .horizontal-steps-container .step-container, .horizontal-steps-container .appDocFeature-row .step-container, .appDocFeature-row .column-3 { width: 100%; } .appDocFeature-row .appDocFeature-container { margin-bottom: 0; } .appDocFeature-row .appDocFeature-container .appDocFeature-icon figure { margin-bottom: 0.5em; max-width: 150px; width: 35%; } .hereForYou-section .column-4, .hereForYou-section .horizontal-steps-container .step-container, .horizontal-steps-container .hereForYou-section .step-container { padding: 0; } .hereForYou-section .hereForYou-image-container .hereForYou-image-left { height: 250px; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right { height: 175px; } .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-top, .hereForYou-section .hereForYou-image-container .hereForYou-image-container-right .hereForYou-image-right-bottom { height: 175px; } .app-feature-slider.slider-container { width: 92%; } .app-feature-slider.slider-container .app-feature-row .app-feature-content { width: 100%; } .app-feature-slider.slider-container .app-feature-row .app-feature-image { max-width: 200px; min-width: 175px; } .app-feature-slider.slider-container .rsArrow { display: none !important; } .patientSatisfaction-row .column-4:nth-of-type(2) img, .patientSatisfaction-row .horizontal-steps-container .step-container:nth-of-type(2) img, .horizontal-steps-container .patientSatisfaction-row .step-container:nth-of-type(2) img { width: 75%; } .patientSatisfaction-row a.link-arrow { text-align: left; } .appMiniDownload-container .appMiniDownload-btnQr { display: block; } .appMiniDownload-container .appMiniDownload-btnQr .btn-group { display: block; margin: 0 0 1.5em 0; } .appMiniDownload-container .appMiniDownload-btnQr .btn-group .btn { margin: 0 auto; } .appMiniDownload-container .appMiniDownload-btnQr .btn-group .btn:last-of-type { margin-top: 0.5em; } .appMiniDownload-container .appMiniDownload-btnQr .qr-app-download-container.app-detailPage { margin: 0 auto; } /* ---------------------------------------------------------------------- */ /* Doc Appointment */ /* ---------------------------------------------------------------------- */ .doc-appointment .questions-container .box-content.step-2 .title-container, .doc-appointment .questions-container .box-content.step-2 .calendar-container, .doc-appointment .questions-container .box-content.step-2 .time-container { width: 92%; } /* ---------------------------------------------------------------------- */ /* About Us */ /* ---------------------------------------------------------------------- */ .row.who-we-are-stats .whoWeAreStats-keyvisual { max-width: 50px; } .whoWeAre-keyvisual, .whoWeAreStats-keyvisual, .vision-keyvisual, .whatsImportant-keyvisual { max-width: 100px; } /* ---------------------------------------------------------------------- */ /* our partners */ /* ---------------------------------------------------------------------- */ .partnerFilter-container .btn-group ul.dropdown-menu li a { padding: 0.5em; } .insurancePartners-container .organization-intro, .organizationPartners-container .organization-intro, .medicalCentres-container .organization-intro { text-align: left; } .insurancePartners-container .partner-container, .organizationPartners-container .partner-container, .medicalCentres-container .partner-container { margin: 0.75em 0; width: 100%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .insurancePartners-container .partner-container .partner-content, .organizationPartners-container .partner-container .partner-content, .medicalCentres-container .partner-container .partner-content { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .insurancePartners-container .partner-container .partner-content .partnerdetails, .organizationPartners-container .partner-container .partner-content .partnerdetails, .medicalCentres-container .partner-container .partner-content .partnerdetails { box-sizing: border-box; margin: 0; padding: 1em 5%; width: 100%; } .insurancePartners-container .partner-container .partnerlogo, .organizationPartners-container .partner-container .partnerlogo, .medicalCentres-container .partner-container .partnerlogo { margin: 1em 0 0 0; width: 100%; } .insurancePartners-container .partner-container .partnerlogo img, .organizationPartners-container .partner-container .partnerlogo img, .medicalCentres-container .partner-container .partnerlogo img { margin: 0 auto; max-width: 60%; } .insurancePartners-container .partner-container .partnerdetails, .organizationPartners-container .partner-container .partnerdetails, .medicalCentres-container .partner-container .partnerdetails { box-sizing: border-box; margin: 0; padding: 1em 5%; width: 100%; } .insurancePartners-container .partnerFilter-container { margin: 1em 0; } .insurancePartners-container .partnerFilter-container .btn-group button { margin: 0 0 1em 0; } .insurancePartners-container .insurancePartners-wrapper { display: block; } .insurancePartners-container .currentInsurers-row { margin: 0; } .insurancePartners-container .currentInsurers-row .currentinsurers-title { margin: 0; } .insurancePartners-container .currentInsurers-row .currentinsurers-list { float: none; margin: 0; width: 100%; } .partnerNetwork-stepRow { margin: 0; } .partnerNetwork-stepRow [class*=column-] { float: none; margin: 1em 0; width: 100%; } .partnerNetwork-stepRow .partnerNetwork-stepIcon { max-width: 200px; width: 70%; } .medicalCentres-container .location-container .address-container .ict-accordion-container { width: 92%; } /* ---------------------------------------------------------------------- */ /* business partners */ /* ---------------------------------------------------------------------- */ #individual-corporation .individual-corporation-icon { margin: 0 auto 0.5em auto; max-width: 100px; } /* ---------------------------------------------------------------------- */ /* media */ /* ---------------------------------------------------------------------- */ section.media-container .media-row { margin: 0; } section.media-container .media-row .media-column { margin: 0 0 1em 0; width: 100%; } section.media-container .media-row .media-column .media-container .media-image { height: 150px; } section.media-container .media-row .media-column .media-container .media-content { padding: 1em 0.75em 4.75em 0.75em; } .mediaDetail-box { padding: 1.5em 4%; } section.mediaDetail-firstSection .socialShare-container { margin: 0 auto; width: 92%; } section.mediaDetail-firstSection .socialShare-container a.socialShare-link { font-size: 0.85em; height: 50px; } /* ---------------------------------------------------------------------- */ /* diseases */ /* ---------------------------------------------------------------------- */ .custom-half-header.mainimg-container .claim-container .claim-center h1 { font-size: 35px; } .custom-half-header.mainimg-container .claim-container .claim-center .column-7 { margin-top: 2em; } .custom-half-header.mainimg-container .mainimg-image { height: 300px; } .custom-half-header.mainimg-container .mainimg-image figure { height: 300px; } .diseases-section .diseases-container .diseases-app { margin-bottom: 1em; padding: 1em; } .diseases-section .diseases-container .diseases-app .diseases-disclaimer { margin-top: 1em; } .diseases-section .diseases-container .diseases-app .diseases-button .btn-group { margin: 1em 0 0 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .diseases-section .diseases-container .diseases-app .diseases-button .btn-group .btn { margin: 0 0 1em 0; } .diseases-section .diseases-container .step-container { margin-bottom: 1em; } .diseases-section .diseases-container .step-container:before { bottom: -2em; } /* ---------------------------------------------------------------------- */ /* location map */ /* ---------------------------------------------------------------------- */ .location-container .map-container { height: 450px; } .location-container .address-container .address-title-container { width: 92%; } .location-container .address-container .address-detail .address-item-detail { padding: 1.5em 4%; right: 4%; left: 4%; } .location-container .address-container .address-detail .address-item-detail .close-container { right: 4%; } #medical-centres .location-container .address-container .address-title-container .address-title a { font-size: 17px; line-height: 1.2em; } /* ---------------------------------------------------------------------- */ /* pharmacy finder */ /* ---------------------------------------------------------------------- */ section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-mapHolder { height: 450px; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address { height: auto; position: unset; width: 100%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .ict-accordion-container { width: 92%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail { padding: 1.5em 4%; right: 4%; left: 4%; } section.pharmacyFinder-container .pharmacyFinder-mapContainer .pharmacyFinder-address .address-detail .address-item-detail .close-container { right: 4%; } /* ---------------------------------------------------------------------- */ /* lexicon */ /* ---------------------------------------------------------------------- */ .lexicon-disclaimer { margin-top: 1em; } #lexicon-list .home-newsletter-image { margin-bottom: 1em; max-width: 75px; } .lexicon-content .row .column-4, .lexicon-content .row .horizontal-steps-container .step-container, .horizontal-steps-container .lexicon-content .row .step-container { margin-bottom: 0; } .lexicon-content .row .column-8 { margin-top: 0; } .lexicon-content figure.full-width, .lexicon-content figure.half-width { display: block; margin: 1.5em 0; width: 100%; } .lexicon-content figure.full-width img, .lexicon-content figure.half-width img { max-width: 100%; } .lexicon-content hr { margin: 0; } #disclaimer [class*=column-] { margin: 0; } /* ---------------------------------------------------------------------- */ /* corona */ /* ---------------------------------------------------------------------- */ body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd), body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result { padding: 1em 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) { text-align: left; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question { font-size: 20px; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .question-explain, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .question-explain { font-size: 15px; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .back-to-corona, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .back-to-corona { margin-bottom: 1.5em; margin-top: -1em; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .back-to-corona a.btn, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .back-to-corona a.btn { display: block; padding: 0.6em 1.8em; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .btn-group .btn, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .btn-group .btn { display: block; margin: 0 0 1em 0; text-align: center; } body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block .btn-group .btn:last-of-type, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block .btn-group .btn:last-of-type { margin: 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result .row:last-of-type [class*=column-] { margin-top: 0; } body.corona-page #dnn_Questionnaire .questionnaire-container section.questionnaire-result .row .back-to-corona .btn { display: block; margin: 0; } /* ---------------------------------------------------------------------- */ /* apotheken */ /* ---------------------------------------------------------------------- */ .bookADoc-wrapper { margin: 0; padding: 1em 0; } .bookADoc-wrapper .column-3 { width: 100%; } .bookADoc-wrapper .bookADoc-container { padding: 0.5em 5%; } /* ---------------------------------------------------------------------- */ /* hotlines-emergency */ /* ---------------------------------------------------------------------- */ body.hotlines-emergency .mainimg-container .mainimg-bar, body.hotlines-emergency .umm-1evjzic { display: none !important; } /* ---------------------------------------------------------------------- */ /* arzttermin buchen */ /* ---------------------------------------------------------------------- */ .step-container .step-illu img { max-width: 130px; } .step-container:nth-child(2) { margin-top: 0.5em; margin-bottom: 0.5em; } .terminTriplet-illu img { max-width: 75px; } /* ---------------------------------------------------------------------- */ /* talk to a doc */ /* ---------------------------------------------------------------------- */ .talk-to-doc-section .talkDoc-container .talkDoc-app, .talk-to-doc-section .talkDoc-container .talkDoc-web { padding: 1em; } .talk-to-doc-section .talkDoc-container .talkDoc-app { margin-bottom: 1em; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-text .btn-group { margin: 1em 0 0 0; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .talk-to-doc-section .talkDoc-container .talkDoc-app .talkDoc-text .btn-group .btn { margin: 0 0 1em 0; } /* ---------------------------------------------------------------------- */ /* default */ /* ---------------------------------------------------------------------- */ .default-box-container { padding: 0 4%; } .default-box-container hr { margin: 0; } /* ---------------------------------------------------------------------- */ /* rekrutierung-special */ /* ---------------------------------------------------------------------- */ body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content { padding: 2.25em 4% 2em 4%; } body.rekrutierung-special .mainimg-container .slider-container .rsOverflow .rsContainer .rsSlide .rsTextSlide .claim-container .slider-content h1 { font-size: 30px; } body.rekrutierung-special #advantage .wrapper .advantage-row { padding: 0 8%; } body.rekrutierung-special #application-process .process-container { padding: 0 8% 2em 8%; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer { padding-top: 5.5em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-lead h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3 { font-size: 1.35em; line-height: 1.3em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-btns .wizardStep-main .btn { margin: 1.5em 0 1em 0; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h5, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form section.media-container .media-row .media-column .media-container .media-content h2, section.media-container .media-row .media-column .media-container .media-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .mediaDetail-box .mediaDetail-container h2.media-introduction, .mediaDetail-box .mediaDetail-container body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h2.media-introduction, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form #lexicon-list .lexicon-alphabet, #lexicon-list body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-alphabet, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .lexicon-content h3, .lexicon-content body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form h3, body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .ict-accordion-container .accordion-toggle .title, .ict-accordion-container .accordion-toggle body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-form .title { margin-top: 2.25em; } body.rekrutierung-special.rekrutierung-wizard #rekrutierungWizard-contianer .wizardStep-next .btn { min-width: 100%; } /* ---------------------------------------------------------------------- */ /* blog */ /* ---------------------------------------------------------------------- */ #blog-stories .blogTeasers-container { display: block; margin-left: 0; margin-right: 0; } #blog-stories .blogTeasers-container .blogStory-container { margin: 0 0 1em 0; width: 100%; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-image { height: 200px; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-content { padding: 0.75em 1em 0 1em; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-link { bottom: unset; left: unset; margin: 1em; position: relative; } #blog-stories .blogTeasers-container .blogStory-container .blogStory-link a.btn { margin-top: 0; } /* ---------------------------------------------------------------------- */ /* accordion */ /* ---------------------------------------------------------------------- */ .ict-accordion-container .accordion-toggle { padding: 1em 0.5em; } .ict-accordion-container .accordion-toggle .svg { margin-top: 0.4em; } .ict-accordion-container .accordion-content { padding: 0 0.5em 1em 0.5em; } /* ---------------------------------------------------------------------- */ /* document-library */ /* ---------------------------------------------------------------------- */ .doclibrary-table { margin-bottom: 2em; } .doclibrary-table .doclib-tableheader .doclibtable-title, .doclibrary-table .doclib-tableheader .doclibtable-country, .doclibrary-table .doclib-tableheader .doclibtable-language, .doclibrary-table .doclib-tableheader .doclibtable-published, .doclibrary-table .doclib-tableheader .doclibtable-download, .doclibrary-table .doclib-tablerow .doclibtable-title, .doclibrary-table .doclib-tablerow .doclibtable-country, .doclibrary-table .doclib-tablerow .doclibtable-language, .doclibrary-table .doclib-tablerow .doclibtable-published, .doclibrary-table .doclib-tablerow .doclibtable-download { margin-bottom: 0.15em; text-align: left; width: 100%; } .doclibrary-table .doclib-tableheader .doclibtable-download, .doclibrary-table .doclib-tablerow .doclibtable-download { margin-bottom: 0; text-align: left; } .doclibrary-table .doclib-tableheader .doclibtable-download a, .doclibrary-table .doclib-tablerow .doclibtable-download a { -webkit-box-pack: start; -moz-box-pack: start; -webkit-flex-pack: start; -ms-flex-pack: start; -moz-justify-content: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .doclibrary-table .doclib-tablerow .doclibtable-title { color: #258BF5; font-family: "Gilroy-SemiBold", sans-serif; } /* ---------------------------------------------------------------------- */ /* Special-Events */ /* ---------------------------------------------------------------------- */ .main-party .info-section { padding-top: 1px; } .main-party .info-section .medlogo-container.column-10.offset-1, .main-party .info-section .medintro-container.column-10.offset-1, .main-party .info-section .medtop-container.column-10.offset-1, .main-party .info-section .medcostume-container.column-10.offset-1, .main-party .info-section .medfood-container.column-10.offset-1 { margin-left: 0; width: 100%; } .main-party .info-section .medlogo-container h1, .main-party .info-section .medintro-container h1, .main-party .info-section .medtop-container h1, .main-party .info-section .medcostume-container h1, .main-party .info-section .medfood-container h1 { font-size: 30px; } .main-party .info-section .medlogo-container h2, .main-party .info-section .medintro-container h2, .main-party .info-section .medtop-container h2, .main-party .info-section .medcostume-container h2, .main-party .info-section .medfood-container h2 { font-size: 25px; } .main-party .info-section .medlogo-container h3, .main-party .info-section .medintro-container h3, .main-party .info-section .medtop-container h3, .main-party .info-section .medcostume-container h3, .main-party .info-section .medfood-container h3 { font-size: 20px; } .main-party .info-section .medlogo-container { margin-bottom: 1.5em; } .main-party .info-section .medlogo-container figure { width: 33%; min-width: auto; } .main-party .info-section .medintro-container { margin-bottom: 1.5em; } .main-party .info-section .medintro-container figure { margin-bottom: 1.5em; } .main-party .info-section .medtop-container, .main-party .info-section .medcostume-container { margin-bottom: 1.5em; } .main-party .info-section .medcostume-container figure { margin-top: 1.5em; } .main-party .form-section .offset-1 { margin-left: 0; width: 100%; } .main-party .form-section h2 { font-size: 25px; } .film-premiere .info-section h1 { font-size: 3em; } .film-premiere .info-section h2 { font-size: 1.5em; } /* ---------------------------------------------------------------------- */ /* Optimed Tele */ /* ---------------------------------------------------------------------- */ table.optimed-table { font-size: 15px; margin: 0 0 1.5em 0; } table.optimed-table tr td { padding: 0.5em 0.4em; } } /* ---------------------------------------------------------------------- */ /* IE Fixes */ /* ---------------------------------------------------------------------- */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header-container .logo-container .svg { max-height: 35px; } .header-container .nav-container .secondary ul li a .svg { width: 1.1em; } .header-container .burger-container a.btn-burger .svg { height: 1.4em; } .mainimg-container .mainimg-bar .row a .svg { height: 0.75em; } .footer-container .logo-container img { max-height: 35px; } .footer-container .open-tel-container .tel .svg, .footer-container .open-tel-container .open .svg { height: 1em; } .footer-container ul.social-media-container li a .facebook.svg, .footer-container ul.social-media-container li a .svg.linkedin { width: 1.5em; } a.content-phone .svg, a.content-email .svg, a:visited.content-phone .svg, a:visited.content-email .svg, a img.content-phone .svg, a img.content-email .svg, a img:visited.content-phone .svg, a img:visited.content-email .svg { height: 1em; } a.btn.big.arrow .svg, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text a.btn.arrow.happy-patient-testimonial .svg, #experienced-doctors .experienced-doctor-container .experienced-doctor-text a.btn.arrow.experienced-doctor-testimonial .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block a.btn.arrow.question-explain .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block a.btn.arrow.question-explain .svg, a.btn.big.email .svg, #happy-patients .happy-patient-row .happy-patient-container .happy-patient-text a.btn.email.happy-patient-testimonial .svg, #experienced-doctors .experienced-doctor-container .experienced-doctor-text a.btn.email.experienced-doctor-testimonial .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.blue-bg .question-block a.btn.email.question-explain .svg, body.corona-page #dnn_Questionnaire .questionnaire-container section.parallax-container:nth-child(odd) .question-block a.btn.email.question-explain .svg { height: 1em; vertical-align: sub; } a.btn.video .svg { height: 1em; vertical-align: sub; } a.btn.app { vertical-align: sub; } a.btn.app .svg.apple { height: 1.25em; } a.btn.app .svg.android { height: 1.25em; } section.blue-bg.with-bevel, .box-container.blue-bg.with-bevel, .boxes-container.blue-bg.with-bevel, .parallax-container.blue-bg.with-bevel, .parallax-container.with-bevel:nth-child(odd) { background-image: url(../content/backgrounds/blue-bevel.png); } .box-container { height: 580px; } .box-container.big-height { height: auto; } .box-container.small-height { height: 380px; } .box-container.small-height.full-height { height: auto; } .boxes-flex .boxes-container { height: 380px; } .contact-infos-container .contactdata-container .tel .svg, .contact-infos-container .contactdata-container .open .svg, .contact-infos-container .contactdata-container .email .svg { height: 1em; } .location-container .address-container .address-title-container .address-title a .svg { height: 1.3em; } .location-container .address-container .address-detail .address-item-detail .close-container a { line-height: 2.75em; } .location-container .address-container .address-detail .address-item-detail .close-container a .svg { height: 1em; } .horizontal-steps-container .step-container .step-nr, .vertical-steps-container .step-container .step-nr { line-height: 1.83em; } .ict-accordion-container .accordion-toggle .svg { height: 0.7em; } } @media (-ms-high-contrast: none) and (max-width: 768px), (-ms-high-contrast: active) and (max-width: 768px) { .header-container .logo-container .svg { max-height: 26px; } .header-container .burger-container a.btn-burger .svg { height: 0.9em; } .box-container, .boxes-flex .boxes-container { height: auto; min-height: auto; } .horizontal-steps-container .step-container .step-nr, .vertical-steps-container .step-container .step-nr { line-height: 1.75em !important; } } @media (-ms-high-contrast: none) and (max-width: 480px), (-ms-high-contrast: active) and (max-width: 480px) { .header-container .logo-container .svg { max-height: 22px; } }