/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { *#dm div.dmContent h1, *#dm div.dmFooter h1 { color:rgb(102,102,102); } *#dm div.dmRespCol>* { line-height:normal; } *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navText, *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navItemText, *.dmDesktopBody *#dm ul.dmNavWrapper>li>*.dmNavigation { color:rgb(17,17,17); font-weight:normal; } *.dmDesktopBody *#dm ul.dmNavWrapper>li>a:hover, *.dmDesktopBody *#dm ul.dmNavWrapper>li>a.currentPage { border-color:rgb(17,17,17); } *.dmDesktopBody *#dm ul.dmNavWrapper>li.navItemSelectedServer>a *.navText, *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>a *.navItemText, *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>*.navItemText { font-weight:bold; } *.stickyHeaderSpacer { height:112px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-family: Rubik, "Rubik Fallback"; color:var(--color_2); font-weight:400; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h1, *#dm div.dmFooter .dmNewParagraph[data-version] h1, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h1 *, *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:400; font-style:normal; text-decoration:none; line-height:1.5; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link) { color:var(--color_4); } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h2, *#dm div.dmFooter .dmNewParagraph[data-version] h2, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h2 *, *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { color:var(--color_2); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h3, *#dm div.dmFooter .dmNewParagraph[data-version] h3, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h3 *, *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h4, *#dm div.dmFooter .dmNewParagraph[data-version] h4, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4, *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h4 *, *#dm div.dmFooter .dmNewParagraph[data-version] h4 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *, *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:none; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h5, *#dm div.dmFooter .dmNewParagraph[data-version] h5, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5, *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h5 *, *#dm div.dmFooter .dmNewParagraph[data-version] h5 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *, *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:none; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { color:var(--color_1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } *#dm div.dmContent .dmNewParagraph[data-version] h6, *#dm div.dmFooter .dmNewParagraph[data-version] h6, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6, *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; } *#dm div.dmContent .dmNewParagraph[data-version] h6 *, *#dm div.dmFooter .dmNewParagraph[data-version] h6 *, *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *, *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; } *#dm div.dmNewParagraph a.visited, *#dm div.dmNewParagraph a:visited, *#dm .dmNewParagraph a.visited, *#dm .dmNewParagraph a:visited, *#dm div.dmBlockElement a.visited, *#dm div.dmBlockElement a:visited, *#dm .dmBlockElement a.visited, *#dm .dmBlockElement a:visited, *#dm .dmform a.fileUploadLink.visited, *#dm .dmform a.fileUploadLink:visited, .dmPrettyList .link:not(.dmWidget).visited, .dmPrettyList .link:not(.dmWidget):visited, *#dm .dmGeoLocation a.dmGeoSVSeeAll.visited, *#dm .dmGeoLocation a.dmGeoSVSeeAll:visited, *#dm .dmGeoLocation a.dmGeoSVGoToPage.visited, *#dm .dmGeoLocation a.dmGeoSVGoToPage:visited, *#dm .postDescription a.visited, *#dm .postDescription a:visited, *#dm .blog-post-component a.visited, *#dm .blog-post-component a:visited, *#dm .timeline-post a.visited, *#dm .timeline-post a:visited, *#dm .rteBlock a.visited, *#dm .rteBlock a:visited, .newPhotoGallery .photoGalleryViewAll.link.visited, .newPhotoGallery .photoGalleryViewAll.link:visited, .dmTable a.visited, .dmTable a:visited, *#dm .ecwid .ec-link:not(.breadcrumbs__link).visited, *#dm .ecwid .ec-link:not(.breadcrumbs__link):visited, .dmSignup a:not(.social-link).visited, .dmSignup a:not(.social-link):visited, .prev-next-links a.visited, .prev-next-links a:visited { color:var(--color_3); text-decoration:underline; } *#dm div.dmNewParagraph a, *#dm .dmNewParagraph a, *#dm div.dmBlockElement a, *#dm .dmBlockElement a, *#dm .dmform a.fileUploadLink, .dmPrettyList .link:not(.dmWidget), *#dm .dmGeoLocation a.dmGeoSVSeeAll, *#dm .dmGeoLocation a.dmGeoSVGoToPage, *#dm .postDescription a, *#dm .blog-post-component a, *#dm .timeline-post a, *#dm .rteBlock a, .newPhotoGallery .photoGalleryViewAll.link, .dmTable a, *#dm .ecwid .ec-link:not(.breadcrumbs__link), .dmSignup a:not(.social-link), .prev-next-links a { color:var(--color_2); text-decoration:none; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:rgba(193,193,193,1); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:400; font-style:normal; text-decoration:none; } *#dm div.dmNewParagraph a.hover, *#dm div.dmNewParagraph a:hover, *#dm .dmNewParagraph a.hover, *#dm .dmNewParagraph a:hover, *#dm div.dmBlockElement a.hover, *#dm div.dmBlockElement a:hover, *#dm .dmBlockElement a.hover, *#dm .dmBlockElement a:hover, *#dm .dmform a.fileUploadLink.hover, *#dm .dmform a.fileUploadLink:hover, .dmPrettyList .link:not(.dmWidget).hover, .dmPrettyList .link:not(.dmWidget):hover, *#dm .dmGeoLocation a.dmGeoSVSeeAll.hover, *#dm .dmGeoLocation a.dmGeoSVSeeAll:hover, *#dm .dmGeoLocation a.dmGeoSVGoToPage.hover, *#dm .dmGeoLocation a.dmGeoSVGoToPage:hover, *#dm .postDescription a.hover, *#dm .postDescription a:hover, *#dm .blog-post-component a.hover, *#dm .blog-post-component a:hover, *#dm .timeline-post a.hover, *#dm .timeline-post a:hover, *#dm .rteBlock a.hover, *#dm .rteBlock a:hover, .newPhotoGallery .photoGalleryViewAll.link.hover, .newPhotoGallery .photoGalleryViewAll.link:hover, .dmTable a.hover, .dmTable a:hover, *#dm .ecwid .ec-link:not(.breadcrumbs__link).hover, *#dm .ecwid .ec-link:not(.breadcrumbs__link):hover, .dmSignup a:not(.social-link).hover, .dmSignup a:not(.social-link):hover, .prev-next-links a.hover, .prev-next-links a:hover { color:var(--color_2); text-decoration:none; } #dmRoot *#dm div.dmContent h1, #dmRoot *#dm div.dmFooter h1, #dmRoot *#dm div.p_hfcontainer h1, #dmRoot *#dm div.flex_hfcontainer h1, #dmRoot *#dm div.dm-title h1 { color:rgb(255,255,255); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { color:var(--color_2); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:700; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { color:rgb(255,255,255); direction:ltr; font-family: Rubik, "Rubik Fallback"; font-weight:500; font-style:normal; text-decoration:none; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; } .dmMobileBody .dmLayoutWrapper, .dmMobileBody .dm-layout-sec .dmLayoutWrapper, #dmSlideRightNavRight #site_content, .dm-layout-sec #dmSlideRightNavRight #site_content, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:transparent; } } @media (min-width:1025px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-image:url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/morel-bg-3b62763d.svg); background-color:var(--color_8); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:16px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:48px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:32px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:24px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:20px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } .dmTabletBody #dm .d-page-1716942098 DIV.dmInner, #dm .d-page-1716942098 DIV#dmSlideRightNavRight { background-attachment:initial; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { font-size:40px; --font-scale:false; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { font-size:20px; } } @media (min-width:768px) and (max-width:1024px) { *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:18px; } #dm div.dmNewParagraph p { font-size:18px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:16px; } *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.p_hfcontainer h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:16px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:50px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:30px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:25px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:20px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:15px; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:var(--color_8); background-image:url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/morel-bg-3b62763d.svg); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; } } @media (min-width:0px) and (max-width:767px) { *#dm div.dmContent h6, *#dm div.dmFooter h6, *#dm div.flex_hfcontainer h6, *#dm div.dm-title h6 { font-size:14px; } #dm div.dmInner, #dm div.dmInner .dmRespCol, #dm .dmRespCol div.dmNewParagraph, #dm .ecwid .ec-store, #dm .dmform .dmforminput label, .dmPrettyList .listText, .dmPrettyList .itemName, #dm .dmRestaurantMenu .menuItemBox, .dmRestaurantMenu .menuItemName, .dmRestaurantMenu .menuItemDesc, .dmRestaurantMenu .menuItemPrice, .dmPhotoGallery .caption-text.caption-text, .dmGeoLocation a span.dmGeoMLocItemTitle, .dmGeoLocation a span.dmGeoMLocItemDetails, .map-popup-description { font-size:16px; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-size:16px; } *#dm div.dmContent h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { font-size:28px; } *#dm div.dmContent h2, *#dm div.dmFooter h2, *#dm div.p_hfcontainer h2, *#dm div.flex_hfcontainer h2, *#dm div.dm-title h2 { font-size:24px; } *#dm div.dmContent h3, *#dm div.dmFooter h3, *#dm div.p_hfcontainer h3, *#dm div.flex_hfcontainer h3, *#dm div.dm-title h3 { font-size:20px; } *#dm div.dmContent h4, *#dm div.dmFooter h4, *#dm div.p_hfcontainer h4, *#dm div.flex_hfcontainer h4, *#dm div.dm-title h4 { font-size:18px; } *#dm div.dmContent h5, *#dm div.dmFooter h5, *#dm div.p_hfcontainer h5, *#dm div.flex_hfcontainer h5, *#dm div.dm-title h5 { font-size:15px; } :root { --SOMS_padding-CTA:12px 24px; --SOMS_gap:0px; } #dm .dmOuter .dmInner .dmWidget .iconBg { align-items:center; justify-content:center; position:relative !important; top:initial !important; left:initial !important; width:24px; height:24px; margin:0 !important; } #dmRoot #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display:flex; } body.dmRoot #dm .dmOuter .dmInner .dmWidget .icon.hasFontIcon { margin-top:0 !important; height:1.5rem !important; font-size:1.5rem !important; } #dm DIV.dmOuter DIV.dmInner, #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:var(--color_8); background-image:url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/morel-bg-3b62763d.svg); background-size:auto; background-repeat:repeat; background-position:50% 50%; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { font-size:24px; --font-scale:false; } } /*------------------------------------------------------*/ /*------------------------ ROOT ------------------------*/ /*------------------------------------------------------*/ /* BUTTONS */ /* Header */ *#dmRoot *#dm #flex-header { z-index: 100001 !important; filter: drop-shadow(0px 0px 6px #00000060); } *#dmRoot *#dm #hamburger-drawer { z-index: 1000001 !important; } *#dmRoot *#dm .flexButton:not(.inlineMap) { display: flex; justify-content: flex-start; width: fit-content; max-height: 64px; padding: 16px 32px 16px 16px !important; transition: all ease .4s; } *#dmRoot *#dm .flexButton:not(.inlineMap):before { content: ''; position: absolute; top: 0; left: 0; width: 52px; height: 52px; aspect-ratio: 1 / 1; background-color: #c72026; border-radius: 40px; transition: all ease .4s; } *#dmRoot *#dm .flexButton:hover:before { width: 100%; transition: all ease .4s; } *#dmRoot *#dm .flexButton .text { z-index: 1; width: max-content; } *#dmRoot *#dm .flexButton .iconBg { transform: translateX(0px); margin-right: 16px !important; transition: all ease .4s; } *#dmRoot *#dm .flexButton:hover .iconBg { transform: translateX(8px); transition: all ease .4s; } *#dmRoot *#dm .flexButton .iconBg { margin-right: 20px !important; } /* Home Header option 2 */ .SOMS_header-carrousel { height: 100vh; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer { position: relative; width: 64%; min-width: 960px; height: fit-content; padding: 42px 32px 41px 330px; outline: 2px solid white; outline-offset: -1px; border-radius: 24px; } #dmRoot[data-page-alias="home"] div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:not(.SOMS_avis-slider .d-ext-mediaSlider-slide__contentContainer), #dmRoot[data-page-alias="home"] div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer:not(.SOMS_avis-slider .d-ext-mediaSlider-slide__contentContainer), #dmRoot[data-page-alias="larbresle"] div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:not(.SOMS_avis-slider .d-ext-mediaSlider-slide__contentContainer), #dmRoot[data-page-alias="larbresle"] div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer:not(.SOMS_avis-slider .d-ext-mediaSlider-slide__contentContainer) { /*margin-top: 4%;*/ padding: 48px 48px 41px 48px; } /*div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer .d-ext-mediaSlider-contentContainer__description, div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer .d-ext-mediaSlider-contentContainer__description { margin-block-end: 0 !important; }*/ .SOMS_header-carrousel div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer:before { content: ""; display: flex !important; position: absolute; bottom: -56px; right: 8%; width: clamp(280px, 33%, 360px); height: clamp(100px, 40%, 150px); background-size: 80% !important; background-position: center center !important; border-radius: 24px; z-index: 2; background-color: white !important; border-right: 2px solid white; } .SOMS_header-carrousel div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer:before { background: url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/logos-morel-0c31cf06.svg); background-repeat: no-repeat; } .SOMS_header-carrousel div[data-auto="slideSlot 1 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 1"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 2 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 2"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 3 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 3"] .d-ext-mediaSlider-slide__contentContainer:before { content: ""; display: flex !important; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 260px; height: 100%; background-size: 64% !important; background-position: center center !important; border-radius: 24px 0 0 24px; z-index: 2; background-color: white !important; border-right: 2px solid white; } .SOMS_header-carrousel div[data-auto="slideSlot 1 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 1"] .d-ext-mediaSlider-slide__contentContainer:before { background: url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/logo+Carrosserie+Morel.svg); background-repeat: no-repeat; } .SOMS_header-carrousel div[data-auto="slideSlot 2 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 2"] .d-ext-mediaSlider-slide__contentContainer:before { background: url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/logo+Morel+Premium.svg); background-repeat: no-repeat; } .SOMS_header-carrousel div[data-auto="slideSlot 3 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 3"] .d-ext-mediaSlider-slide__contentContainer:before { background: url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/logo+Car+Care+Solutions.svg); background-repeat: no-repeat; } *#dmRoot *#dm .SOMS_header-carrousel div:has(> .d-ext-mediaSlider-slide__contentContainer) { display: flex !important; align-items: center; justify-content: center; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a { padding-left: 82px !important; padding-right: 32px !important; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a:before { content: ""; display: flex !important; position: absolute; left: 0; top: 0; width: 64px; height: 64px; background: url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/Arrow_8303084-34dba780.svg); background-repeat: no-repeat; background-size: 40%; background-position: 50% 50%; border-radius: 64px; transition: all ease .4s; z-index: 1; } .SOMS_header-carrousel div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer a:before, .SOMS_header-carrousel div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer a:before, .SOMS_header-carrousel div[data-auto="slideSlot 1 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer a:before, .SOMS_header-carrousel div[data-auto="slideSlot 1"] .d-ext-mediaSlider-slide__contentContainer a:before { background-color: #c71618 !important; } .SOMS_header-carrousel div[data-auto="slideSlot 2 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer a:before, .SOMS_header-carrousel div[data-auto="slideSlot 2"] .d-ext-mediaSlider-slide__contentContainer a:before { background-color: #c6ae76 !important; background: url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/icon/Arrow_8303084.svg); background-repeat: no-repeat; background-size: 40%; background-position: 50% 50%; } .SOMS_header-carrousel div[data-auto="slideSlot 3 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer a:before, .SOMS_header-carrousel div[data-auto="slideSlot 3"] .d-ext-mediaSlider-slide__contentContainer a:before { background-color: #058f9d !important; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a:hover:before { left: 8px; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a:after { content: ""; display: flex !important; position: absolute; left: 0; top: 0; width: 64px !important; height: 64px !important; border-radius: 64px; transition: all ease .4s; z-index: 0 !important; } .SOMS_header-carrousel div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer a:after, .SOMS_header-carrousel div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer a:after, .SOMS_header-carrousel div[data-auto="slideSlot 1 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer a:after, .SOMS_header-carrousel div[data-auto="slideSlot 1"] .d-ext-mediaSlider-slide__contentContainer a:after { background-color: #c71618 !important; } .SOMS_header-carrousel div[data-auto="slideSlot 2 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer a:after, .SOMS_header-carrousel div[data-auto="slideSlot 2"] .d-ext-mediaSlider-slide__contentContainer a:after { background-color: #c6ae76 !important; } .SOMS_header-carrousel div[data-auto="slideSlot 3 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer a:after, .SOMS_header-carrousel div[data-auto="slideSlot 3"] .d-ext-mediaSlider-slide__contentContainer a:after { background-color: #058f9d !important; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a:hover:after { width: 100% !important; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a .text { z-index: 1; } .SOMS_header-carrousel div[data-auto="slideSlot 2 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer a:hover .text, .SOMS_header-carrousel div[data-auto="slideSlot 2"] .d-ext-mediaSlider-slide__contentContainer a:hover .text { color: black !important; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer:after { content: ""; position: absolute; bottom: -32px; right: 8%; height: 25%; max-height: 100px; background-color: #ffffff !important; border-radius: 8px; } .SOMS_header-carrousel div[data-auto="slideSlot 1 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:after, .SOMS_header-carrousel div[data-auto="slideSlot 1"] .d-ext-mediaSlider-slide__contentContainer:after { background: url(https://le-de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/opt/logos-five-star-bosch-1920w.png); background-repeat: no-repeat; background-size: 84%; background-position: center; width: 16%; max-width: 200px; min-width: 150px; } .SOMS_header-carrousel div[data-auto="slideSlot 2 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:after, .SOMS_header-carrousel div[data-auto="slideSlot 2"] .d-ext-mediaSlider-slide__contentContainer:after { background: url(https://le-de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/opt/1282140-1920w.png); background-repeat: no-repeat; background-size: 72%; background-position: center; width: 16%; max-width: 220px; min-width: 150px; } .SOMS_header-carrousel div[data-auto="slideSlot 3 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:after, .SOMS_header-carrousel div[data-auto="slideSlot 3"] .d-ext-mediaSlider-slide__contentContainer:after { background: url(https://le-de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/opt/logo-aplus-glass-1920w.png); background-repeat: no-repeat; background-size: 84%; background-position: center; border-radius: 100px; width: 8%; max-width: 100px; min-width: 30px; } *#dmRoot *#dm .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer .SOMS-title-replaced { font-size: clamp(24px,7vw,60px) !important; } *#dmRoot *#dm .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer p { font-size: clamp(16px, 1.5vw, 24px) !important; line-height: 1.25; } /* GLOBAL */ /* Text */ h2 { text-wrap: balance; } ol.defaultList.ordered > li { margin-bottom: clamp(16px, 5vw, 24px); } /* Buttons */ *#dmRoot *#dm .flexButton:not(#flex-header .flexButton, #flex-footer .flexButton) { } *#dmRoot *#dm .flexButton:not(#flex-header .flexButton, #flex-footer .flexButton):before { width: 64px !important; height: 64px; } *#dmRoot *#dm .flexButton:not(#flex-header .flexButton, #flex-footer .flexButton):hover:before { width: 100% !important; transition: all ease .4s; } *#dmRoot *#dm .flexButton:not(#flex-header .flexButton, #flex-footer .flexButton) .iconBg { margin-right: 24px !important; margin-left: 4px !important; } /* Links */ *#dmRoot *#dm #site_content .flex-element .dmNewParagraph p a:not(.SOMS_address-link a), *#dmRoot *#dm #site_content .u_dmStyle_template_mentions-legales a, *#dmRoot[data-page-alias="vie-privee"] *#dm #site_content table a, *#dmRoot[data-page-alias="vie-privee"] *#dm #site_content p a { color: white !important; font-weight: 600 !important; text-decoration: none; background-image: linear-gradient(#c72026, #c72026); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 2px; transition: background-size .4s; padding-bottom: 2px; } *#dmRoot *#dm #site_content .flex-element .dmNewParagraph p a:hover:not(.SOMS_address-link a), *#dmRoot *#dm #site_content .u_dmStyle_template_mentions-legales a:hover, *#dmRoot[data-page-alias="vie-privee"] *#dm #site_content table a:hover, *#dmRoot[data-page-alias="vie-privee"] *#dm #site_content p a:hover { background-size: 100% 2px; } *#dmRoot *#dm #site_content .flex-element .SOMS_address-link .dmNewParagraph p a:hover { transform: translateX(40px); padding-left: 0 !important; color: #231f20 !important; } *#dmRoot *#dm #site_content .flex-element .SOMS_address-link .dmNewParagraph p a { display: block !important; position: relative; transition: all ease .3s !important; padding-left: 16px !important; left: -16px; } *#dmRoot *#dm #site_content .flex-element .SOMS_address-link .dmNewParagraph p a:before { content: ""; position: absolute; left: -8px; top: 0; height: 100%; width: 4px; background-color: #c82027; opacity: 0; transition: all ease .3s !important; } *#dmRoot *#dm #site_content .flex-element .SOMS_address-link .dmNewParagraph p a:hover:before { opacity: 1; left: -22px; } /**#dmRoot *#dm div[data-title="Mentions Legales Footer"] a { color: white !important; display: inline-block !important; position: relative; transition: all ease .4s; text-decoration: none; } .dmNewParagraph p a:not(.SOMS_address-link a):before, div[data-title="Mentions Legales Footer"] a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #c82027; transition: all ease .4s; } div[data-title="Mentions Legales Footer"] a:before { bottom: -4px; } *#dmRoot *#dm #site_content .flex-element .dmNewParagraph p a:hover { color: #c82027 !important; } *#dmRoot *#dm #site_content .flex-element .dmNewParagraph p a[runtime_url="/reparation-voiture"]:hover { color: #c6ae76 !important; }*/ .dmNewParagraph p a[runtime_url="/reparation-voiture"]:before { background-color: #c6ae76 !important; } .dmNewParagraph p a:not(.SOMS_address-link a):hover:before, div[data-title="Mentions Legales Footer"] a:hover:before { width: 100%; } /* Morel Premium */ *#dmRoot *#dm .SOMS_premium-bt .flexButton:before { background-color: #c6ae76; } *#dmRoot *#dm .SOMS_premium-bt .flexButton .iconBg { background-color: black !important; } *#dmRoot *#dm .SOMS_premium-bt .flexButton:hover .text { color: black !important; } /* Page > Morel Premium */ *#dmRoot[data-page-alias="reparation-voiture"] *#dm #flex-header .flexButton:hover .iconBg { background-color: #221e20 !important; } *#dmRoot[data-page-alias="reparation-voiture"] *#dm #flex-header .flexButton:hover .text { color: #221e20; } *#dmRoot[data-page-alias="reparation-voiture"] *#dm .flexButton:before { background-color: #c6ae76; } *#dmRoot[data-page-alias="reparation-voiture"] *#dm .flexButton .iconBg { background-color: #221e20 !important; } *#dmRoot[data-page-alias="reparation-voiture"] *#dm .flexButton:hover .text { color: #221e20 !important; } /* Social icons */ *#dmRoot *#dm .socialHubIcon { font-size: 16px !important; border-width: 2px; } /* Floating buttons */ *#dmRoot *#dm div[data-title="CTA_Vertical_V3"] .el-1 { border-radius: 24px 0 0 0; margin-bottom: 1px !important; } div[data-title="CTA_Vertical_V3"] .el-3 { border-radius: 0 0 0 24px; } div[data-title="CTA_Vertical_V3"] .element a div { margin-right: 16px; } /*------------------------------------------------------*/ /*------------------------ MENU ------------------------*/ /*------------------------------------------------------*/ /* Z-index Header */ .SOMS_header-section { z-index: 1; } /* Fix align Header */ *#dmRoot *#dm .SOMS_header-section .flex-element.grid > .flex-element.group { justify-content: flex-end; min-height: unset; } /* logo */ #flex-header:not(#flex-header[data-scrolling]) .SOMS_logo { justify-content: center; } /******************/ /* MOREL PREMIUM */ /* Logo */ *#dmRoot .SOMS_logos-wrapper .SOMS_logo-morel-premium, *#dmRoot .SOMS_Mini-logos-morel { display: none !important; } *#dmRoot[data-page-alias="reparation-voiture"] .SOMS_logos-wrapper > div:not(.SOMS_logo-morel-premium, .SOMS_Mini-logos-morel) { display: none !important; } *#dmRoot[data-page-alias="reparation-voiture"] .SOMS_logos-wrapper .SOMS_logo-morel-premium, *#dmRoot[data-page-alias="reparation-voiture"] .SOMS_Mini-logos-morel { display: flex !important; } /* Nav */ *#dmRoot[data-page-alias="reparation-voiture"] #flex-header[data-scrolling] .SOMS_logos-wrapper .SOMS_logo-morel-premium a { display: block; /*height: 100%;*/ background: url(https://le-de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/opt/morel-logos-mini-bg-2880w.png); background-size: 50%; background-repeat: no-repeat; background-position: 50% 100%; } *#dmRoot[data-page-alias="reparation-voiture"] #flex-header[data-scrolling] .SOMS_logos-wrapper .SOMS_logo-morel-premium a img { opacity: 0; } *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]) { /*color: black !important;*/ border: 2px solid #c6ae76; padding: 0px 16px !important; margin-top: -4px !important; margin-right: clamp(8px, 1vw, 16px) !important; margin-bottom: -4px !important; margin-left: 4px !important; border-radius: 40px !important; transition: all ease .4s; } *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]):hover, *#dmRoot *#dm .dmNavItemSelected:has(span[data-link-text="Morel Premium"]) { color: black !important; border: 2px solid #c6ae76; background-color: #e2ddd0; } *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]):hover .nav-item-text[data-link-text="Morel Premium"]:after { transform: scaleX(0); } *#dmRoot *#dm .main-navigation.unifiednav:not(.unifiednav_vertical) .unifiednav__container[data-depth="0"] { left: 0; background-color: unset; width: 280px; } *#dmRoot *#dm .main-navigation.unifiednav:not(.unifiednav_vertical, .hamburger-drawer .main-navigation.unifiednav) .unifiednav__container[data-depth="0"] { left: 0; width: 340px; filter: drop-shadow(0px 9px 10px #00000020); background-color: unset !important; padding-top: 16px; } *#dmRoot *#dm .main-navigation.unifiednav:not(.unifiednav_vertical) .unifiednav__container[data-depth="0"] > li { background-color: white; border-top: 1px solid white; } *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover, *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { border-left: 8px solid #c82027; transition: all cubic-bezier(0.4, 0, 1, 1.01) .15s !important; } *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { transition: all cubic-bezier(0.4, 0, 1, 1.01) .15s !important; border-left: 0 solid #c82027; } *#dmRoot *#dm .dmNavItemSelected span[data-link-text="Morel Premium"]:after { transform: scaleX(0); } /* Reassurance icons */ *#dmRoot[data-page-alias="reparation-voiture"] *#dm .SOMS_footer-reassurance .graphicWidget { border-color: #c6ae76 !important; } *#dmRoot[data-page-alias="reparation-voiture"] *#dm .SOMS_footer-reassurance .graphicWidget { border-color: #c6ae76 !important; } /**#dmRoot:not(*#dmRoot[data-page-alias="reparation-voiture"]) .SOMS_footer-reassurance.SOMS_reassurance-premium { display: none; } *#dmRoot[data-page-alias="reparation-voiture"] .SOMS_footer-reassurance:not(.SOMS_footer-reassurance.SOMS_reassurance-premium) { display: none; }*/ /* Liens */ *#dmRoot[data-page-alias="reparation-voiture"] *#dm .dmNewParagraph p a:not(.SOMS_address-link a):before { background-color: #7d6e4c !important; } *#dmRoot[data-page-alias="reparation-voiture"] *#dm #site_content .flex-element .dmNewParagraph p a:not(.SOMS_address-link a) { color: #7d6e4c !important; font-weight: 700 !important; background-image: linear-gradient(#7d6e4c, #7d6e4c); } .dmNewParagraph p a[runtime_url="/morel-premium"] { background-image: linear-gradient(#9e8b5f, #9e8b5f) !important; } /* Footer */ *#dmRoot[data-page-alias="reparation-voiture"] #flex-footer span[style="text-transform: uppercase; color: var(--color_4); display: unset; font-family: Rubik, "Rubik Fallback"; font-weight: 600;"], *#dmRoot[data-page-alias="reparation-voiture"] #flex-footer span[style="font-weight: 600; font-family: Rubik, "Rubik Fallback"; display: unset; color: var(--color_4); text-transform: uppercase;"] { color: #84744e !important; } *#dmRoot[data-page-alias="reparation-voiture"] *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .dmNavItemSelected { border-color: #c6ae76; } *#dmRoot[data-page-alias="reparation-voiture"] .dmFooterContainer { background-color: #000000ba; } *#dmRoot[data-page-alias="reparation-voiture"] .marker.map-marker.mapboxgl-marker { filter: hue-rotate(558deg) brightness(1) saturate(.5); } *#dmRoot #flex-footer a.mapboxgl-ctrl-logo { display: none; } *#dmRoot *#dm .flexButton:has(.mapContainer) { max-height: unset !important; } .mllinks a { text-decoration: none; background-image: linear-gradient(white, white); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size .4s; padding-bottom: 2px; } .mllinks a:hover { background-size: 100% 1px; } /* Floating buttons */ *#dmRoot[data-page-alias="reparation-voiture"] #dm .layout1 .element { background-color: #c6ae76 !important; } *#dmRoot[data-page-alias="reparation-voiture"] #dm .layout1 .element img { filter: invert(1); } *#dmRoot[data-page-alias="reparation-voiture"] #dm .layout1 .element a div { color: black !important; } /******************/ /* Social icons */ *#dmRoot *#dm .dmSocialHub a { border: 1px solid #221e20; border-radius: 24px; } *#dmRoot *#dm .dmSocialHub a span { margin-bottom: 0 !important; transition: all ease .25s; } *#dmRoot *#dm .dmSocialHub a:hover span { background-color: #221e20 !important; } *#dmRoot *#dm .dmSocialHub a:hover .socialHubIcon { color: white !important; } /* Sticky */ /**#dmRoot *#dm #flex-header[data-sticky][data-changeable-on-scroll]{ transition: 0s !important; }*/ #flex-header[data-scrolling] { filter: drop-shadow(0px 0px 6px #00000060); } *#dmRoot *#dm #flex-header[data-scrolling] .SOMS_logo > div { padding: 0; min-height: unset; width: fit-content; min-width: unset; height: 100% !important; margin: 0; } *#dmRoot *#dm #flex-header[data-scrolling] .flex-element:has(> .flex-element >.SOMS_logo) { padding: 2px 2% 0 2%; } *#dmRoot *#dm #flex-header #group_etn { transform: translateY(0px); } *#dmRoot *#dm #flex-header[data-scrolling] #group_etn { transform: translateY(-21px); } *#dmRoot *#dm #flex-header[data-scrolling] .SOMS_header-section .flex-element.grid > .flex-element.group { justify-content: flex-end; min-height: unset; height: 64px; } *#dmRoot *#dm #flex-header[data-scrolling] .flex-element:has(.flex-element >.SOMS_logo) { padding: 2px 0 !important; } #flex-header[data-scrolling] .SOMS_logo { width: fit-content; } #flex-header[data-scrolling] div#group_etn { padding-left: 0; } #flex-header[data-scrolling] .flex-element:has(> .SOMS_secondary-nav) > div:last-child { padding-left: 16px !important; } #flex-header[data-scrolling] .flex-element:has(> .SOMS_logo) > div:last-child { width: 100%; } /*------------------------------------------------------*/ /*------------------------ BODY ------------------------*/ /*------------------------------------------------------*/ /* Z-index */ .SOMS_z-index-plus { z-index: 1; } /* Home Header */ *#dmRoot *#dm .SOMS_header-home section { height: 100vh !important; } *#dmRoot *#dm .SOMS_header-home section > div, *#dmRoot *#dm .SOMS_header-home section > div > div, *#dmRoot *#dm .SOMS_header-home section > div > div > div { height: 100% !important; } *#dmRoot *#dm .SOMS_header-home section .flex-element.grid>.flex-element { grid-row-start: 2; } /* PA Header Partners */ *#dmRoot *#dm #site_content #dm_content .flex-element.group .SOMS_partners-header { position: absolute; right: 80px; bottom: -32px; width: fit-content !important; min-width: unset !important; max-width: 180px !important; padding: 16px; } *#dmRoot:not(#dmRoot[data-page-alias="reparation-voiture"], #dmRoot[data-page-alias="vitrage-automobile"]) *#dm #site_content #dm_content .flex-element.group .SOMS_partners-header > div { background-color: #000000; border-radius: 2px; overflow: hidden; } .SOMS_partners-img { background-color: #231f20; border-radius: 3px; } /* Video */ *#dmRoot *#dm .SOMS_video-container { aspect-ratio: 16 / 9; width: 100%; height: auto; max-width: 1200px; border-radius: 24px; overflow: hidden; } /* Blog */ *#dmRoot *#dm [blog-posts-feature-flag=true][list-layout=large_list][posts-padding="20"]>.inner, *#dmRoot *#dm [list-layout=layout4][posts-padding="20"]>.inner { grid-gap: 24px !important; } .mainBlog > .inner { background-color: rgba(0, 0, 0, 0.25); padding: 48px; border-radius: 72px; margin-bottom: 24px; } #dm [list-layout=layout4][text-box-padding=true] .postArticle .postText { padding: 4% 6% 8%; z-index: 0; } .postTextContainer { z-index: 1; } .postTitle { padding: 16px 24px 4px; border-radius: 8px 8px 0 0; /* padding-top: 16px; */ border-left: 4px solid #c72026; margin-bottom: 24px; margin-top: -48px; background-color: #171516; } .authorBar > span:not(.authorBar > span:last-child) { display: none; } .postDescription { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* Actus */ .Solocal_frontContainer { max-width: unset; width: 100%; } li#Solocal_cardsContainer { display: flex; column-gap: 24px; margin-bottom: 32px; } li.Solocal_news_card.card3 { padding: 0; border-radius: 24px; overflow: hidden; background-color: #171516; transition: all ease .4s; } li.Solocal_news_card.card3 img { transition: all .2s ease-out !important; } li.Solocal_news_card.card3:hover img { transform: scale(1.06); } .proliveContainer .photoContainer { padding: 0; width: 100%; } .proliveContainer .titleContainer { padding: 2% 6%; width: 100%; position: relative; z-index: 1; } .proliveContainer .photoContainer { margin-top: 0; } *#dmRoot *#dm .proliveContainer .photoContainer a img { width: 100% !important; height: 240px !important; } h3.cardTitle { border-left: 4px solid #c72026; border-radius: 8px 8px 0 0; margin-top: -48px; background-color: #171516; padding: 16px 24px; } .proliveContainer .cardDate { font-style: italic !important; font-weight: lighter !important; font-size: 90% !important; } *#dmRoot *#dm .proliveContainer .cardCTA { position: relative; display: flex; justify-content: flex-start; width: fit-content; max-height: 40px; height: 40px; padding: 0; transition: all ease .4s; border: unset; align-items: center; background-color: hsl(0deg 0% 100% / 10%); border-radius: 64px; } *#dmRoot *#dm .proliveContainer .cardCTA:before { content: ""; display: flex !important; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background-color: #c71618 !important; background: url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/dms3rep/multi/Arrow_8303084-34dba780.svg); background-repeat: no-repeat; background-size: 40%; background-position: 50% 50%; border-radius: 64px; transition: all ease .4s; z-index: 1; } *#dmRoot *#dm .proliveContainer .cardCTA:after { content: ""; display: flex !important; position: absolute; left: 0; top: 0; width: 40px !important; height: 40px !important; background-color: #c71618 !important; border-radius: 64px; transition: all ease .4s; z-index: 0 !important; } *#dmRoot *#dm .proliveContainer .cardCTA:hover:before { left: 8px; } *#dmRoot *#dm .proliveContainer .cardCTA:hover:after { width: 100% !important; } .proliveContainer .Solocal_linksContainer.Solocal_right { display: none; } /*#dm .dmInner .dmWidget:after { content: none; }*/ *#dmRoot *#dm .proliveContainer .cardCTA button { z-index: 1; position: relative; display: flex; justify-content: flex-start; width: 100%; max-height: 40px; height: 40px; padding: 4px 32px 4px 56px !important; transition: all ease .4s; border: unset; align-items: center; } /* Cols hover section:has(.SOMS_col-hover) { display: flex; justify-content: center; } .SOMS_col-hover:hover { transform: translateY(-40px); box-shadow: rgb(0 0 0 / 41%) 0px 8px 24px 0px !important; } .SOMS_col-hover { cursor: pointer; transform: scale(1); transition: all ease .4s; overflow: hidden; min-width: 260px !important; max-width: 300px !important; } .SOMS_col-hover .dmNewParagraph[data-version] ul>li { margin-inline-start: 1em; margin-bottom: 8px; } .SOMS_morel-carrosserie-list .dmNewParagraph[data-version] ul>li:before { color: #c92026; } .SOMS_morel-premium-list .dmNewParagraph[data-version] ul>li:before { color: #c6ae76; } .SOMS_morel-carcare-list .dmNewParagraph[data-version] ul>li:before { color: #058f9d; } .SOMS_bosch-list .dmNewParagraph[data-version] ul>li:before { color: #4c90cd; }*/ /* Icon Boxes */ *#dmRoot *#dm .SOMS_icon-box { overflow: hidden; cursor: pointer; transform: scale(1); outline: 3px solid #1d1a1b; outline-offset: -2px; transition: all ease .3s; } *#dmRoot *#dm .SOMS_icon-box:hover { transform: scale(1.05); outline: 3px solid #1d1a1b; } *#dmRoot *#dm .SOMS_icon-box:hover > div { background-color: rgb(169 0 8 / 81%); backdrop-filter: grayscale(1); } *#dmRoot *#dm .SOMS_icon-box > div { background-color: rgb(0 0 0 / 53%); transition: all ease .4s; } *#dmRoot *#dm .SOMS_icon-box > div > div:last-child { opacity: 1; transition: all ease .4s; } *#dmRoot *#dm .SOMS_icon-box > div > div:first-child { /*transform: translateY(20px);*/ transition: all ease .4s; } *#dmRoot *#dm .SOMS_icon-box:hover > div > div:first-child { transform: translateY(0px); } *#dmRoot *#dm .SOMS_icon-box:hover > div > div:last-child { opacity: 1; } /* Avis clients */ .SOMS_logo-avis img { filter: grayscale(1) brightness(4); transition: all ease .4s; } .SOMS_logo-avis:hover img { filter: unset; } .SOMS_logo-avis:hover { transform: translateX(32px); } .SOMS_logo-avis { transition: all ease .4s; } .SOMS_avis-col .SOMS_logo-avis:before { content: ""; position: absolute; left: -32px; top: 0; height: 100%; width: 4px; background-color: #c72026; opacity: 0; transition: all ease .25s; } .SOMS_avis-col .SOMS_logo-avis:hover:before { opacity: 1; } .SOMS_avis-slider { border-radius: 0 0 24px 24px; overflow: hidden; } *#dmRoot *#dm .SOMS_avis-slider p { line-height: 1.5 !important; font-size: clamp(16px, 1.5vw, 20px); } /* Gradient Five Star */ *#dmRoot *#dm .SOMS_five-star-gradient { background: #BD130E; background: linear-gradient(180deg, rgba(189, 19, 14, 1) 0%, rgba(217, 161, 0, 1) 33%, rgba(21, 125, 164, 1) 66%, rgba(109, 53, 128, 1) 100%); } /* Galerie H3 */ *#dmRoot *#dm .SOMS_h3-galerie { overflow: hidden; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(33%, 1fr)) !important; gap: 4px !important; align-items: stretch !important; } *#dmRoot *#dm .SOMS_h3-galerie > .flex-element { min-width: 150px !important; width: 100% !important; flex: unset !important; max-width: none !important; box-sizing: border-box !important; height: auto !important; min-height: 240px !important; } *#dmRoot *#dm .SOMS_h3-galerie > .flex-element > .flex-element { max-height: unset; } *#dmRoot *#dm .SOMS_h3-galerie > .flex-element > .flex-element img { max-height: 64px; width: auto; } *#dmRoot *#dm .SOMS_h3-galerie > .flex-element > .flex-element .imageWidget { display: flex; justify-content: center; } /* Slider */ .SOMS_pa-slider-container .d-ext-mediaSlider-slide__contentContainer { min-height: 175px; } #dmRoot[data-page-alias="carrosserie"] .SOMS_pa-slider-container .d-ext-mediaSlider-slide__contentContainer { min-height: 240px; } /* FAQ */ *#dmRoot *#dm div[data-grab="accordion-item-title-wrapper"] { padding: clamp(16px,5vw,32px); gap: 16px; } div[data-grab="accordion-item-desc"] { padding: clamp(16px, 5vw, 32px); } /* Assurances */ *#dmRoot *#dm .SOMS_assurances-galerie { overflow: hidden; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; gap: 4px !important; align-items: stretch !important; } *#dmRoot *#dm .SOMS_assurances-galerie > .flex-element { min-width: 150px !important; width: 100% !important; flex: unset !important; max-width: none !important; box-sizing: border-box !important; height: auto !important; min-height: 112px !important; } *#dmRoot *#dm .SOMS_assurances-galerie > .flex-element > .flex-element { max-height: unset; } *#dmRoot *#dm .SOMS_assurances-galerie > .flex-element > .flex-element img { max-height: 64px; width: auto; } *#dmRoot *#dm .SOMS_assurances-galerie > .flex-element > .flex-element .imageWidget { display: flex; justify-content: center; } /* Flottes partenaires */ .SOMS_partenaires-flottes { max-width: min-content !important; border-radius: 24px !important; overflow: hidden; } @media screen and (max-width:1024px){ .SOMS_partenaires-flottes { max-width: unset !important; border-radius: 24px !important; overflow: hidden; display: flex !important; flex-wrap: wrap !important; row-gap: 4px !important; column-gap: 4px !important; flex-grow: 1 !important; } .SOMS_partenaires-flottes > div { min-width: calc(50% - 2px) !important; min-height: 140px !important; } .SOMS_partenaires-flottes .flex-element:has(> .imageWidget) { min-height: fit-content !important; } } /* Contact */ @media screen and (max-width: 768px){ *#dmRoot *#dm .flex-element > .SOMS_carcare-bt:first-child a .text { font-size: 12px !important; } *#dmRoot[data-page-alias="contact"] *#dm #site_content .SOMS_map-contact-container .inlineMap { padding: 0 !important; } .mainBlog > .inner { padding: 24px; border-radius: 48px; } } @media screen and (max-width: 768px) { .SOMS_partenaires-flottes > div { min-width: 100% !important; min-height: 120px !important; } } /* form */ *#dmRoot *#dm input:focus-visible, *#dmRoot *#dm textarea:focus-visible { outline: unset; border-bottom: 2px solid white !important; } *#dmRoot *#dm input { padding-bottom: 12px; height: 56px; } *#dmRoot *#dm .dmform .inputError, *#dmRoot *#dm .dmform .dmforminput .input:invalid { outline: unset !important; border-bottom: 2px solid #c72026 !important; } *#dmRoot *#dm .dmform .dmforminput input:autofill { filter: invert(1) brightness(1.2); font-family: 'Rubik' !important; font-weight: 500; } *#dmRoot *#dm .dmforminput label { width: fit-content !important; position: relative; overflow: visible; } *#dmRoot *#dm .dmforminput.required label:after { content: " *"; position: absolute; right: -10px; top: -2px; color: red; } /**#dmRoot *#dm .dmforminput { position: relative; padding-top: 20px; } *#dmRoot *#dm .dmform .dmforminput label { position: absolute; left: 26px; top: 31px; transition: all 0.2s; pointer-events: none; color: #999 !important; font-size: 16px !important; overflow: visible; } *#dmRoot *#dm .dmforminput:has(input:focus, input:valid) label, .dmforminput input:not(:placeholder-shown) ~ label, .dmforminput input:focus ~ label { top: -4px !important; font-size: 12px !important; color: white !important; } *#dmRoot *#dm .dmforminput input::placeholder, *#dmRoot *#dm .dmforminput:has(input:focus-visible) input::placeholder { color: transparent !important; }*/ /* Contact map */ .SOMS_map-contact-container { overflow: hidden; } *#dmRoot *#dm .mapboxgl-popup-content { width: 210px !important; height: 64px !important; border-radius: 24px; display: flex; justify-content: center; align-items: center; background-color: #00000073 !important; padding-top: 15px; text-transform: uppercase; } .mapboxgl-popup-tip { border-top-color: #00000073 !important; } *#dmRoot *#dm .section:has(.SOMS_map-contact-container) .SOMS_address-link a:hover span { color: white !important; } /* Morel Car Care */ *#dmRoot *#dm .SOMS_carcare-container .flexButton:not(.inlineMap):before, .SOMS_carcare-container .dmNewParagraph p a:not(.SOMS_address-link a):before { background-color: #058f9d; } /* Blog */ *#dmRoot[data-page-alias="blog"] *#dm input { padding-bottom: 0; padding-left: 37px; text-align: center; } /* Avis clients */ *#dmRoot *#dm .sort-container select { background-color: transparent; color: white; border-top: none; border-left: none; border-right: none; } *#dmRoot *#dm .sort-container select option { background-color: #221e20; border: none !important; } .sort-container { border-bottom: none !important; } button.prev,button.next { border: none; cursor: pointer; } button.prev:hover svg, button.next:hover svg { color: #c71618 !important; } .review-container .page-numbers button.active, .review-container .page-numbers button:hover { background-color: #c71618 !important; } .review-container .page-numbers button { background-color: transparent; color: white; width: 40px; height: 40px; } .review-content p:not(p.reply-title), .review-content .reply-content { color: #c1c1c1; } @media screen and (max-width: 768px){ .sort-container > label { margin-bottom: 24px; } } /* Blog */ .SOMS_tabs-post .wrapper { min-height: 420px; } .SOMS_tabs-post .nav.desktop { min-width: 32%; border-right: 4px solid #000000; } .SOMS_tabs-post .image-container { min-width: 100% !important; margin-left: 6%; margin-bottom: 16px; border-radius: 24px; } .SOMS_tabs-post .nav.desktop .tab-label { position: relative; overflow: visible; max-height: 110px; min-height: 110px; padding-right: 20%; flex-shrink: 0; flex-grow: 0; margin-right: -4px; } .SOMS_tabs-post .tab .tab-text-container { justify-content: flex-start; padding-left: 6%; } h2.horizontal-label { text-wrap: unset; } .SOMS_tabs-post .tab .tab-text-container strong { color: white; } .SOMS_tabs-post .tab .tab-text-container ul, .SOMS_tabs-post .tab .tab-text-container ol { margin-left: 3%; padding-left: 6%; margin-top: 3%; border-left: 1px solid white; } .SOMS_tabs-post .tab .tab-text-container li { margin-bottom: 16px; } .SOMS_tabs-post .nav.desktop .tab-label h3 { font-size: clamp(16px,2vw,20px) !important; transition: all ease .25s; } .SOMS_tabs-post .nav.desktop .tab-label:hover { cursor: pointer; } .SOMS_tabs-post .wrapper { overflow: visible; } .SOMS_tabs-post .nav.desktop .tab-label:before { color: white; position: absolute; left: -32px; width: 32px; height: 32px; display: flex; align-items: center; background-color: #000000; border-radius: 32px; justify-content: center; transition: all ease .25s; } .SOMS_tabs-post .nav.desktop .tab-label.active:before, .SOMS_tabs-post .nav.desktop .tab-label:hover:before { background-color: #c71618; } .SOMS_tabs-post .nav.desktop .tab-label:nth-child(1):before{ content: "1"; } .SOMS_tabs-post .nav.desktop .tab-label:nth-child(2):before{ content: "2"; } .SOMS_tabs-post .nav.desktop .tab-label:nth-child(3):before{ content: "3"; } .SOMS_tabs-post .nav.desktop .tab-label:nth-child(4):before{ content: "4"; } .SOMS_tabs-post .nav.desktop .tab-label:nth-child(5):before{ content: "5"; } *#dmRoot *#dm .SOMS_share-post .widget-wrapper > .dmNewParagraph { border: none !important; padding: 0; } @media screen and (min-width:1025px){ .SOMS_tabs-post .nav.desktop .tab-label:hover h3 { transform: translateX(24px); } .SOMS_tabs-post .nav.desktop .tab-label:after { content: "\003009"; position: absolute; right: 32px; font-size: 32px; transition: all ease .25s; } .SOMS_tabs-post .nav.desktop .tab-label.active:after, .SOMS_tabs-post .nav.desktop .tab-label:hover:after { color: #e3252d; transform: translateX(24px); } } @media screen and (max-width:768px){ .SOMS_tabs-post .image-container { margin-left: 0; } .SOMS_tabs-post .tab .tab-text-container { padding-left: 0; } *#dmRoot *#dm .SOMS_tabs-post .tab-label { padding: 16px 0; border-right: unset !important; } *#dmRoot *#dm .SOMS_tabs-post .tab.active { padding-bottom: 24px !important; } } /* Actualités */ *#dmRoot[data-page-alias="actualites"] .Solocal_listContentContainer .card1 .titleContainer { width: 100% !important; margin-left: 0; } li.photoContainer { border-radius: 24px 24px 0 0 !important; overflow: hidden; } .proliveContainer .titleContainer { background-color: #10101050; border-radius: 0 0 24px 24px; } #dmRoot #dm div.dmNewParagraph .Solocal_listContentContainer { display: flex; flex-wrap: wrap; column-gap: 32px; row-gap: 32px; } *#dmRoot[data-page-alias="actualites"] h3.Solocal_subTitle { width: 100%; } @media screen and (min-width:1025px){ .Solocal_news_card { width: 48%; } } p.Solocal_dotted { display: none; } /* Vie privée */ *#dmRoot[data-page-alias="vie-privee"] span[style="color: var(--color_1);"] { color: white !important; } @media screen and (max-width:768px){ *#dmRoot[data-page-alias="vie-privee"] table { display: block; width: 100%; overflow-x: scroll; } } /*------------------------------------------------------*/ /*----------------------- FOOTER -----------------------*/ /*------------------------------------------------------*/ /* Map */ .marker.map-marker.mapboxgl-marker { filter: hue-rotate(165deg) brightness(0.35) saturate(4); } /* Horaires custom */ .open-hours-item:has(dt[day="6"]) { display: none; } /* Nav */ *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item { transition: all ease .3s !important; padding-left: 16px !important; left: -16px; border-left: 0; } *#dmRoot *#dm #flex-footer .unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]) { width: fit-content; margin: 0 !important; } *#dmRoot *#dm #flex-footer .unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]) { color: #221e20 !important; border: none; background-color: unset; } /**#dmRoot *#dm #flex-footer .unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]):hover { border-left: 8px solid #c6ae76; padding-left: 16px !important; }*/ *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item-wrap:hover > .unifiednav__item { padding-left: 0 !important; transform: translateX(40px); } *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item.dmNavItemSelected { transform: translateX(40px); padding-left: 0 !important; border-left: none; } /**#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .dmNavItemSelected { border-left: 4px solid #c82027; padding-left: 16px !important; }*/ *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item-wrap:hover .unifiednav__item:before, *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item.dmNavItemSelected:before { opacity: 1; left: -22px; } *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item:before { content: ""; position: absolute; left: -8px; top: 0; height: 100%; width: 4px; background-color: #c82027; opacity: 0; transition: all ease .3s !important; } *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item:before { background-color: #c82027 !important; } *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { border-left: 8px solid #c82027; padding-left: 32px !important; } *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__item, *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { transition: all cubic-bezier(0.4, 0, 1, 1.01) .20s !important; } *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__item-wrap > .unifiednav__item:hover { padding-left: 16px; } *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item-wrap > .unifiednav__item:hover .nav-item-text:after, *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .dmNavItemSelected .nav-item-text:after { transform: scaleX(0) !important; } *#dmRoot *#dm #flex-footer .unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]) { border-radius: 0 !important; padding: 5px 0 !important; } *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item-wrap:has(.unifiednav__item span[data-link-text="Morel Premium"]):hover { border: unset; } *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item-wrap:has(.unifiednav__item span[data-link-text="Morel Premium"]):hover .unifiednav__item:before, *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__item-wrap:has(.unifiednav__item span[data-link-text="Morel Premium"]) .unifiednav__item.dmNavItemSelected:before { background-color: #c6ae76 !important; } *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item-wrap:hover .unifiednav__item { border: unset !important; transform: translateX(40px); } *#dmRoot *#dm .dmInner #flex-footer nav.main-navigation.unifiednav .unifiednav__container_sub-nav { padding-left: 24px; } /* Connect Avis Moyenne */ .rating-container { color: #231f20; font-weight: 500 !important; text-decoration: underline !important; } .nb { color: #231f20; text-decoration: underline !important; } .info a { color: #231f20; } .rs-container > div:last-child svg:last-child path { fill: #c6ae76 !important; } div[data-title="Connect Moyenne Avis"] #container { row-gap: 16px; } div[data-title="Connect Moyenne Avis"] .content { background: #ffffff; border: 1px solid #e5e5e5; transition: all ease .25s; margin: 0; padding: 10px 6% 16px; min-width: 100%; } div[data-title="Connect Moyenne Avis"] .content:hover { transform: translateY(-4px); filter: drop-shadow(0px 5px 6px #00000020); } div[data-title="Connect Moyenne Avis"] .content .rs-container { flex-wrap: wrap; width: 100%; } /* Mentions légales */ .mlrow span, div[data-title="Vie Privee"] span { color: #c1c1c1 !important; } ul.rteBlock.defaultList { list-style: none; padding-left: 0; } /*------------------------------------------------------*/ /*-------------------- RESPONSIVE ----------------------*/ /*------------------------------------------------------*/ @media screen and (min-width:1025px) { .SOMS_static-slider div[data-auto="pagination-arrows"] { display: none; } } @media screen and (max-width:1024px){ /* Menu hamburger */ *#dmRoot .SOMS_tablet-menu-section-down { display: flex; width: 100%; } *#dmRoot .SOMS_tablet-menu-section-down > section { width: 100% !important; } *#dmRoot *#dm #hamburger-drawer .unifiednav__item-wrap>.unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]) { margin-top: 8px !important; } /* Site header */ *#dmRoot #flex-header[data-scrolling] .SOMS_logo img { min-height: 80px !important; } *#dmRoot *#dm #flex-header[data-scrolling] .SOMS_logo .widget-wrapper { width: 150px; margin-top: -60px; } *#dmRoot *#dm #flex-header[data-scrolling] .flex-element:has(.flex-element >.SOMS_logo) { max-height: 66px; padding: 0 !important; } *#dmRoot *#dm #flex-header[data-scrolling] #group_etn { transform: translateY(-21px); } *#dmRoot *#dm #flex-header[data-scrolling] .SOMS_header-section .flex-element.grid > .flex-element.group { justify-content: flex-end; min-height: unset; height: 64px; } .SOMS_header-carrousel div[data-auto="slideSlot 3 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:after, .SOMS_header-carrousel div[data-auto="slideSlot 3"] .d-ext-mediaSlider-slide__contentContainer:after { width: 88px; height: 88px; bottom: -44px; } /* Hamburger */ *#dmRoot *#dm .dmInner nav.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]) { margin-top: 16px !important; margin-right: 0 !important; margin-bottom: 0px !important; margin-left: 0px !important; width: fit-content; } /* Home header */ #dmRoot[data-page-alias="home"] div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:not(.SOMS_avis-slider .d-ext-mediaSlider-slide__contentContainer), #dmRoot[data-page-alias="home"] div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer:not(.SOMS_avis-slider .d-ext-mediaSlider-slide__contentContainer), #dmRoot[data-page-alias="larbresle"] div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:not(.SOMS_avis-slider .d-ext-mediaSlider-slide__contentContainer), #dmRoot[data-page-alias="larbresle"] div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer:not(.SOMS_avis-slider .d-ext-mediaSlider-slide__contentContainer) { padding: 48px 48px 110px 48px; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a { min-height: 64px; } .SOMS_header-carrousel div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer:before { height: clamp(100px, 40%, 120px); right: unset; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer { position: relative; width: 64%; min-width: 540px; height: fit-content; padding: 140px 32px 90px 32px; outline: 2px solid white; outline-offset: -1px; border-radius: 24px; } .SOMS_header-carrousel div[data-auto="slideSlot 1 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 1"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 2 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 2"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 3 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 3"] .d-ext-mediaSlider-slide__contentContainer:before { content: ""; display: flex !important; position: absolute; top: -100px; transform: translateX(-50%); left: 50%; width: 50%; height: 200px; background-size: 40% !important; background-position: center center !important; border-radius: 24px; z-index: 2; background-color: white !important; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer:after { bottom: -51px; right: unset; } /* Blog */ /**#dmRoot[data-page-alias="home"] #dm [list-layout=layout4] .postArticle.lastArticle { display: none; }*/ *#dmRoot #dm [blog-posts-feature-flag=true][list-layout=large_list][posts-per-row="3"]>.inner, body.dmRoot #dm [list-layout=layout4][posts-per-row="3"]>.inner { grid-template-columns: repeat(1, 1fr); } /* Actus */ li.Solocal_news_card.card3[data-id="2"] { display: none; } /* PA Slider */ .SOMS_pa-slider-container .d-ext-mediaSlider-slide__contentContainer { min-height: 290px; } /* Footer */ *#dmRoot #dm #flex-header[data-sticky][data-changeable-on-scroll] { z-index: 100000 !important; filter: drop-shadow(0px 0px 6px #00000040); } /* Floating buttons fix */ *#dmRoot *#dm div[data-title="CTA_Vertical_V3"] .el-1 { margin-bottom: 0 !important; } .desktop-tablet-view:has(.element.el-1) { row-gap: 1px; } } @media screen and (max-width:768px){ body#dmRoot { overflow-x: clip; } *#dmRoot *#dm #hamburger-drawer .unifiednav__item-wrap>.unifiednav__item:has(.nav-item-text[data-link-text="Morel Premium"]) { margin-top: 0px !important; margin-left: -12px !important; padding: 0 10px !important; } *#dmRoot *#dm h1 { line-height: clamp(1em,.5vw,1.5em) !important; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer { width: 86%; min-width: unset; padding: 24px 20px 64px 20px !important; margin-top: 8vh; } .SOMS_header-carrousel div[data-auto="slideSlot 0 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 0"] .d-ext-mediaSlider-slide__contentContainer:before { height: clamp(90px, 20%, 120px); width: clamp(230px, 33%, 360px); background-size: 85% !important; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a:before { width: 48px; height: 48px; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a:after { width: 48px !important; height: 48px !important; } .SOMS_header-carrousel .d-ext-mediaSlider-slide__contentContainer a { padding-left: 64px !important; padding-right: 24px !important; min-height: 48px; min-width: unset !important; } .SOMS_header-carrousel div[data-auto="slideSlot 1"] .d-ext-mediaSlider-slide__contentContainer, .SOMS_header-carrousel div[data-auto="slideSlot 1 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer, .SOMS_header-carrousel div[data-auto="slideSlot 2"] .d-ext-mediaSlider-slide__contentContainer, .SOMS_header-carrousel div[data-auto="slideSlot 2 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer, .SOMS_header-carrousel div[data-auto="slideSlot 3"] .d-ext-mediaSlider-slide__contentContainer, .SOMS_header-carrousel div[data-auto="slideSlot 3 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer { padding-top: clamp(80px, 11vh, 120px) !important; padding-right: 20px !important; padding-bottom: 56px !important; padding-left: 20px !important; margin-top: 16vh; } .SOMS_header-carrousel div[data-auto="slideSlot 1 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 1"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 2 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 2"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 3 slideSlotActive"] .d-ext-mediaSlider-slide__contentContainer:before, .SOMS_header-carrousel div[data-auto="slideSlot 3"] .d-ext-mediaSlider-slide__contentContainer:before { width: clamp(120px, 24vw, 200px); height: clamp(120px, 18vh, 200px); top: -9vh; background-size: 56% !important; } *#dmRoot *#dm #site_content #dm_content .flex-element.group .SOMS_partners-header { right: unset; bottom: -40px; } *#dmRoot #dm [blog-posts-feature-flag=true][list-layout=large_list][posts-per-row="3"]>.inner, body.dmRoot #dm [list-layout=layout4][posts-per-row="3"]>.inner { grid-template-columns: repeat(1, 1fr); } *#dmRoot *#dm .flexButton:not(#flex-header .flexButton, #flex-footer .flexButton) { max-height: 48px; padding: 16px 24px 16px 12px !important; } *#dmRoot *#dm .flexButton:not(#flex-header .flexButton, #flex-footer .flexButton):before { width: 48px !important; height: 48px; } *#dmRoot *#dm .flexButton:not(#flex-header .flexButton, #flex-footer .flexButton) .iconBg { margin-right: 16px !important; margin-left: 0px !important; } li#Solocal_cardsContainer { flex-direction: column; row-gap: 16px; } *#dmRoot *#dm .SOMS_h3-galerie { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important; } *#dmRoot *#dm .SOMS_h3-galerie > .flex-element > .flex-element:last-child { width: 89%; } .SOMS_pa-slider-container .d-ext-mediaSlider-slide__contentContainer { min-height: unset; } *#dmRoot *#dm .SOMS_assurances-galerie { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important; } *#dmRoot *#dm .SOMS_assurances-galerie > .flex-element { min-height: 100px !important; min-width: unset !important; } #flex-footer .SOMS_logos-wrapper { width: 60%; margin: -55px auto 0; } .mllinks { display: flex; } } /* Responsive */ *#dm .dmInner .SOMS_main-nav .main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item > span { font-size: clamp(13px,1vw,15px) !important; } *#dmRoot *#dm .flex-element .flexButton .text { font-size: clamp(14px, 1vw, 16px) !important; } *#dmRoot *#dm h1 span { font-size: clamp(24px,4vw,48px) !important; } *#dmRoot *#dm h2 span { font-size: clamp(24px,2vw,35px) !important; } *#dmRoot *#dm .dmInner .SOMS_main-nav .main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { padding-right: clamp(8px,1vw,32px) !important; /*height: 100%;*/ } *#dmRoot *#dm #flex-header[data-scrolling] .SOMS_logo .widget-wrapper { width: clamp(96px, 8vw, 116px); margin-top: 0; } *#dmRoot *#dm #flex-header[data-scrolling] .SOMS_logo .widget-wrapper > .imageWidget { display: flex; align-items: center; } *#dmRoot *#dm .dmInner .SOMS_secondary-nav nav.main-navigation.unifiednav .unifiednav__item { padding-left: clamp(8px, .75vw, 16px) !important; padding-right: clamp(8px, .75vw, 16px) !important; } *#dmRoot *#dm div:has(.SOMS_secondary-nav) > div:nth-child(2) { column-gap: 0; padding-left: 0 !important; } @media screen and (min-width:769px) and (max-width:1650px){ .SOMS_z-index-float-bt { z-index: 10000; } } /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-text-direction: ltr; --btn-border-r-color: var(--btn-border-color); --btn-border-l-color: var(--btn-border-color); --btn-border-b-width: var(--btn-border-width); --btn-border-width: 1px; --btn-border-radius: 50px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: var(--color_4); --btn-border-color: rgba(0, 0, 0, 0); --btn-border-tr-radius: var(--btn-border-radius); --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_2); --btn-text-decoration: none; --btn-text-font-weight: bold; --btn-text-font-family: Rubik, "Rubik Fallback"; --btn-icon-color: var(--color_2); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: rgba(249,249,249,0); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: rgba(249,249,249,0); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } .button_2 { --btn-text-direction: ltr; --btn-border-r-color: var(--btn-border-color); --btn-border-l-color: var(--btn-border-color); --btn-border-b-width: var(--btn-border-width); --btn-border-width: 1px; --btn-border-radius: 50px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: var(--btn-border-radius); --btn-border-br-radius: var(--btn-border-radius); --btn-border-bl-radius: var(--btn-border-radius); --btn-bg-color: rgba(0, 0, 0, 0); --btn-border-color: var(--color_1); --btn-border-tr-radius: var(--btn-border-radius); --btn-border-r-width: var(--btn-border-width); --btn-border-b-color: var(--btn-border-color); --btn-border-l-width: var(--btn-border-width); --btn-border-t-color: var(--btn-border-color); --btn-text-align: center; --btn-text-color: var(--color_1); --btn-text-decoration: none; --btn-text-font-weight: 400; --btn-icon-color: rgb(0, 0, 238); --btn-icon-fill: rgb(0, 0, 238); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_1); --btn-hover-border-t-color: var(--btn-hover-border-color); --btn-hover-border-r-color: var(--btn-hover-border-color); --btn-hover-border-l-color: var(--btn-hover-border-color); --btn-hover-border-color: var(--color_1); --btn-hover-text-color: var(--color_2); --btn-hover-text-font-weight: var(--btn-text-font-weight); --btn-hover-text-decoration: var(--btn-text-decoration); --btn-hover-text-font-style: var(--btn-text-font-style); } :root { --section-padding-top: 0%; --section-padding-left: 6%; --section-padding-right: 6%; --section-padding-bottom: 6%; --column-padding-top: 48px; --column-padding-right: 48px; --column-padding-left: 48px; --column-padding-bottom: 48px; --inner-column-padding-left: 32px; --inner-column-padding-right: 32px; --inner-column-padding-top: 32px; --inner-column-padding-bottom: 32px; } } @media (min-width: 1025px) { :root { --btn-text-font-size: 16px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 14px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 16px; } .button_2 { --btn-text-font-size: 16px; } :root { --section-padding-left: 2%; --section-padding-right: 2%; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 13px; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 18px; } .button_2 { --btn-text-font-size: 18px; } :root { --section-padding-left: 4%; --section-padding-right: 4%; } } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] { border-radius: 7px; background-clip: border-box; box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] { border-radius: 0px; background-clip: border-box; box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:active { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] { background-clip: border-box; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] { box-shadow: inset 0 -6px 0 0 rgba(0, 0, 0, 0.2), 0 -3px 0 0 #ccc; transition: box-shadow 0.1s ease; position: relative; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover { box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 #ccc; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'].flexButton { padding: 13px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .text { position: relative; top: -3px; transition: all 0.1s ease; padding: 13px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover .text { top: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TRANSPARENT'] { border-radius: 5px / 4px; box-shadow: 0 0 18px rgba(5, 5, 6, 0.3); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] { background-clip: border-box; border-radius: 0px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS']:before { content: ""; width: 100%; height: 50%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); display: block; position: absolute; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] { border-radius: 21px; background-clip: border-box; box-shadow: 0 3px 3px rgba(5, 5, 6, 0.07), inset 0 0 0 2px rgba(0, 0, 0, 0.1); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:hover { box-shadow: 0 3px 3px rgba(5, 5, 6, 0.1); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:active { box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 3px 3px rgba(5, 5, 6, 0.3); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjUiIGhlaWdodD0iMzgiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] { background-clip: border-box; box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5); padding-left: 46px; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON']:hover { box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5), inset 0 0 0 800px rgba(0, 0, 0, 0.1); } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .iconBg { background-color: #f7f7f7; top: 0; bottom: 0; margin: 0; width: 50px; text-align: center; display: block; height: 100%; border-top-left-radius: inherit; border-bottom-left-radius: inherit; opacity: 1; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .icon { display: inline-block; float: none; position: absolute; top: 50%; left: 0; right: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] { overflow: hidden; background-clip: border-box; border-radius: 0px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .text { opacity: 1; display: inline-block; transition: all 0.3s; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .text { opacity: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .iconBg { position: absolute; top: -200%; bottom: 0; margin: auto; width: 100%; left: 0; transition: all 0.3s; opacity: 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .iconBg { top: 0; opacity: 1; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .icon { display: block; float: left; position: absolute; font-size: 27px; width: 100%; height: 100%; margin-top: -13px; top: 50%; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] { overflow: initial; background-clip: border-box; border-radius: 2px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] { border-radius: 6px; overflow: initial; background-clip: border-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] { background-clip: border-box; border-radius: 6px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] { background-clip: border-box; border-radius: 3px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'].flexButton { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .iconBg { display: none; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] { background-clip: border-box; border-radius: 0px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] { background-clip: border-box; border-radius: 6px; padding: 0 0 0 40px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'].flexButton { padding: 10px 7px 10px 47px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .text { padding: 10px 7px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg { display: block; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .hidden .iconBg + .text { margin-left: -40px; box-sizing: content-box; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] { overflow: initial; background-clip: border-box; border-radius: 1px; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'].flexButton { padding: 16px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .text { padding: 16px 0; } #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .iconBg { display: none; } @media (min-width: 768px) { #dm .dmRespRow .dmRespCol > .dmWidget[data-buttonstyle='BORDER_SHORT'], #dm .sticky-widgets-container-global .dmWidget[data-buttonstyle='BORDER_SHORT'], #dm .sticky-widgets-container .dmWidget[data-buttonstyle='BORDER_SHORT'] { width: 222px; } } #dm .dmWidget:not([data-buttonstyle]), div.buttons , #dm .button_2 .dmWidget:not([data-buttonstyle]), #dm .dmWidget.button_2:not([data-buttonstyle]), div.buttons .button_2, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] { border-radius: 50px; } #dm .dmWidget:not([data-buttonstyle]).flexButton, div.buttons .flexButton, #dm .button_2 .dmWidget:not([data-buttonstyle]).flexButton, #dm .dmWidget.button_2:not([data-buttonstyle]).flexButton, div.buttons .button_2.flexButton, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'].flexButton { padding: 10px 0px; } #dm .dmWidget:not([data-buttonstyle]) .textonly, #dm .dmWidget:not([data-buttonstyle]) input, #dm .dmWidget:not([data-buttonstyle]) .text, div.buttons .text, #dm .button_2 .dmWidget:not([data-buttonstyle]) .textonly, #dm .button_2 .dmWidget:not([data-buttonstyle]) input, #dm .button_2 .dmWidget:not([data-buttonstyle]) .text, #dm .dmWidget.button_2:not([data-buttonstyle]) .textonly, #dm .dmWidget.button_2:not([data-buttonstyle]) input, #dm .dmWidget.button_2:not([data-buttonstyle]) .text, div.buttons .button_2 .text, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] input, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .text { padding: 10px 0px; } #dm .dmWidget:not([data-buttonstyle]) .iconBg, #dm .button_2 .dmWidget:not([data-buttonstyle]) .iconBg, #dm .dmWidget.button_2:not([data-buttonstyle]) .iconBg, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .iconBg { display: none; } #dm div.dmInner #site_content .dmWidget, #dm div.dmInner .dmHeader .dmWidget { background-color: var(--btn-bg-color); border-color: var(--btn-border-color); border-bottom-color: var(--btn-border-b-color); border-left-color: var(--btn-border-l-color); border-right-color: var(--btn-border-r-color); border-top-color: var(--btn-border-t-color); border-radius: var(--btn-border-radius); border-bottom-left-radius: var(--btn-border-bl-radius); border-bottom-right-radius: var(--btn-border-br-radius); border-top-left-radius: var(--btn-border-tl-radius); border-top-right-radius: var(--btn-border-tr-radius); border-width: var(--btn-border-width); border-bottom-width: var(--btn-border-b-width); border-left-width: var(--btn-border-l-width); border-right-width: var(--btn-border-r-width); border-top-width: var(--btn-border-t-width); direction: var(--btn-text-direction); text-align: var(--btn-text-align); } #dm div.dmInner #site_content .dmWidget span.text, #dm div.dmInner #site_content .dmformsubmit input { color: var(--btn-text-color); font-family: var(--btn-text-font-family); font-size: var(--btn-text-font-size); font-weight: var(--btn-text-font-weight); text-decoration: var(--btn-text-decoration); } #dm div.dmInner #site_content .dmWidget:hover, #dm div.dmInner #site_content .dmWidget.hover, #dm div.dmInner .dmHeader .dmWidget:hover, #dm div.dmInner .dmHeader .dmWidget.hover { background: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); border-bottom-color: var(--btn-hover-border-b-color); border-left-color: var(--btn-hover-border-l-color); border-right-color: var(--btn-hover-border-r-color); border-top-color: var(--btn-hover-border-t-color); } #dm div.dmInner #site_content .dmWidget:hover span.text, #dm div.dmInner #site_content .dmWidget.hover span.text, #dm div.dmInner .dmHeader .dmWidget:hover span.text, #dm div.dmInner .dmHeader .dmWidget.hover span.text, #dm div.dmInner #site_content .dmWidget:hover input[type="submit"], #dm div.dmInner #site_content .dmWidget.hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget:hover input[type="submit"], #dm div.dmInner .dmHeader .dmWidget.hover input[type="submit"] { color: var(--btn-hover-text-color); } #dm div.dmInner #site_content .dmWidget span.icon, #dm div.dmInner .dmHeader .dmWidget span.icon { color: var(--btn-icon-color); fill: var(--btn-icon-fill); } #dm div.dmInner #site_content .dmWidget:not([data-buttonstyle]) .iconBg, #dm div.dmInner .dmHeader .dmWidget:not([data-buttonstyle]) .iconBg { display: var(--btn-icon-wrpr-display); } .dmBody [data-layout-grid] > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group { padding-bottom: var(--section-padding-bottom); padding-left: var(--section-padding-left); padding-right: var(--section-padding-right); padding-top: var(--section-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group, .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group { padding-bottom: var(--column-padding-bottom); padding-left: var(--column-padding-left); padding-right: var(--column-padding-right); padding-top: var(--column-padding-top); } .dmBody [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]), .dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]) { padding-bottom: var(--inner-column-padding-bottom); padding-left: var(--inner-column-padding-left); padding-right: var(--inner-column-padding-right); padding-top: var(--inner-column-padding-top); } @media all { nav.u_1998592992 { color:white !important; } *#dm .dmInner *.u_1306770187 { width:100% !important; } *#dm .dmInner *.u_1581198931 { width:100% !important; } *#dm .dmInner *.u_1040696130 { justify-content:center !important; } *#dm .dmInner *.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner a.u_1354841978:hover { background-image:none !important; } *#dm .dmInner a.u_1354841978.hover { background-image:none !important; } *#dm .dmInner *.u_1955933514 { width:100% !important; } *#dm .dmInner *.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0 !important; padding-top:0 !important; padding-left:20px !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important; padding-right:20px !important; } *#dm .dmInner nav.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; } *#dm .dmInner *.u_1495895470 { justify-content:flex-end !important; } *#dm .dmInner *.u_1152354414 a { color:var(--color_2) !important; } *#dm .dmInner *.u_1964396338 { width:100% !important; } *#dm .dmInner *.u_1222829430.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0px !important; padding-top:0px !important; padding-left:20px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:20px !important; } *#dm .dmInner *.u_1222829430 { justify-content:center !important; } *#dm .dmInner nav.u_1222829430 { justify-content:flex-start !important; } *#dm .dmInner div.u_1964396338 img { border-radius:0% !important; } *#dm .dmInner *.u_1747667258.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { margin-left:0px !important; padding-top:0px !important; padding-left:20px !important; padding-bottom:0px !important; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px !important; padding-right:20px !important; } *#dm .dmInner *.u_1747667258 { justify-content:center !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_4) !important; } *#dm .dmInner a.u_3742231949 .iconBg { display:inline-block !important; } *#dm .dmInner nav.u_1747667258.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after { border-style:solid !important; border-width:1.11111px 0px 0px 0px !important; border-color:var(--color_2) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:15px !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:15px !important; } *#dm .dmInner nav.u_1747667258.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_1747667258.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner a.u_3742231949:hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_3742231949.hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_3742231949:hover .iconBg { background-color:var(--color_2) !important; } *#dm .dmInner a.u_3742231949.hover .iconBg { background-color:var(--color_2) !important; } *#dm .dmInner a.u_2131668061:hover .iconBg { background-color:var(--color_2) !important; } *#dm .dmInner a.u_2131668061.hover .iconBg { background-color:var(--color_2) !important; } *#dm .dmInner a.u_2131668061:hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_2131668061.hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav .unifiednav__container[data-depth] { background-color:var(--color_2) !important; background-image:none !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { background-color:rgba(242,242,242,1) !important; background-image:none !important; color:var(--color_8) !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { background-color:rgba(242,242,242,1) !important; background-image:none !important; color:var(--color_8) !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { background-color:rgba(242,242,242,1) !important; background-image:none !important; color:var(--color_8) !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:rgb(35,31,32) !important; font-weight:700 !important; direction:ltr !important; padding-top:20px !important; text-decoration:none !important; padding-left:24px !important; font-size:16px !important; padding-bottom:20px !important; font-style:normal !important; margin-right:0px !important; margin-left:0px !important; text-transform:none !important; justify-content:flex-start !important; font-family: Ubuntu !important; margin-top:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:30px !important; } *#dm .dmInner div.u_1329576804 .socialHubIcon { width:32px !important; height:32px !important; font-size:21px !important; line-height:32px !important; background-color:var(--color_2) !important; color:var(--color_8) !important; } *#dm .dmInner div.u_1329576804 .socialHubInnerDiv { column-gap:8px !important; justify-content:flex-end !important; } *#dm .dmInner div.u_4180582156 .widget-a6e864-container.show { background-color:var(--color_4) !important; } *#dm .dmInner div.u_4180582156 .widget-a6e864-container.layout1:not(.show) .element { background-color:var(--color_4) !important; } *#dm .dmInner div.u_4180582156 .widget-a6e864-container.layout2 .element { background-color:var(--color_4) !important; } *#dm .dmInner div.u_4180582156 .widget-a6e864-container.layout3 { background-color:var(--color_4) !important; } *#dm .dmInner div.u_4180582156 .widget-a6e864-container.layout4 { background-color:var(--color_4) !important; } *#dm .dmInner div.u_4180582156 .widget-a6e864__text { color:var(--color_2) !important; font-weight:500 !important; } *#dm .dmInner nav.u_1747667258.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(255,255,255) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:0px !important; font-weight:500 !important; text-decoration:none !important; padding-left:16px !important; font-size:14px !important; padding-bottom:0px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; text-transform:none !important; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family: Raleway !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:16px !important; } *#dm .dmInner a.u_2131668061 span.text { font-size:16px !important; font-weight:600 !important; } *#dm .dmInner a.u_3742231949 span.text { font-size:16px !important; font-weight:600 !important; } *#dm .dmInner div.u_1829136276 .svg { fill:var(--color_2) !important; } *#dm .dmInner div.u_1500544313 .svg { fill:var(--color_2) !important; } *#dm .dmInner div.u_1030856009 .svg { fill:var(--color_2) !important; } *#dm .dmInner div.u_1160835074 .svg { fill:var(--color_2) !important; } *#dm .dmInner a.u_1656465862:hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1656465862.hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1656465862 span.text { font-size:16px !important; font-weight:600 !important; color:var(--color_8) !important; } *#dm .dmInner a.u_1656465862:hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1656465862.hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1656465862 .iconBg { display:inline-block !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_1654172877:hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1654172877.hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1656465862:hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1656465862.hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1654172877 span.text { font-size:16px !important; font-weight:600 !important; color:var(--color_8) !important; } *#dm .dmInner a.u_1654172877:hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1654172877.hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1654172877 .iconBg { display:inline-block !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_1654172877:hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1654172877.hover span.text { color:var(--color_2) !important; } *#dm .dmInner div.u_2306311032 .buttonclickrdv-class span.text { color:var(--color_8) !important; font-family: 'Rubik' !important; font-weight:600 !important; } *#dm .dmInner div.u_2306311032 .buttonclickrdv-class:hover { background-color:var(--color_4) !important; background-image:none !important; } *#dm .dmInner div.u_2306311032 .buttonclickrdv-class.hover { background-color:var(--color_4) !important; background-image:none !important; } *#dm .dmInner div.u_2306311032 .buttonclickrdv-class:hover span.text { color:var(--color_2) !important; } *#dm .dmInner div.u_2306311032 .buttonclickrdv-class.hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1654172877 { border-style:solid !important; border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; border-width:0px 0px 0px 0px !important; background-color:rgba(0,0,0,0.1) !important; background-image:none !important; } *#dm .dmInner a.u_1656465862 { background-color:rgba(0,0,0,0.1) !important; background-image:none !important; } *#dm .dmInner div.u_1358611692 .socialHubIcon { width:32px !important; height:32px !important; font-size:21px !important; line-height:32px !important; background-color:var(--color_2) !important; color:var(--color_8) !important; } *#dm .dmInner div.u_1467326185 .svg { fill:var(--color_2) !important; } *#dm .dmInner *.u_1467326185 .svg { width:100% !important; } *#dm .dmInner *.u_1829136276 .svg { width:100% !important; } *#dm .dmInner *.u_1500544313 .svg { width:100% !important; } *#dm .dmInner *.u_1030856009 .svg { width:100% !important; } *#dm .dmInner a.u_1281733149:hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1281733149.hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1281733149:hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1281733149.hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1281733149 span.text { font-size:16px !important; font-weight:600 !important; color:var(--color_8) !important; } *#dm .dmInner a.u_1281733149 { background-color:var(--color_3) !important; background-image:none !important; } *#dm .dmInner a.u_1281733149 .iconBg { display:inline-block !important; mask-image:url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/icon/contact-icon.svg) !important; width:20px !important; height:20px !important; background-color:var(--color_2) !important; } *#dm .dmInner div.u_1829136276 { padding:12.5% !important; border-radius:50% !important; border-color:rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) !important; border-width:2px 2px 2px 2px !important; border-style:solid !important; background-image:none !important; background-color:rgba(29,25,27,1) !important; } *#dm .dmInner div.u_1500544313 { padding:12.5% !important; border-radius:50% !important; border-color:rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) !important; border-width:2px 2px 2px 2px !important; border-style:solid !important; background-image:none !important; background-color:rgba(29,25,27,1) !important; } *#dm .dmInner div.u_1030856009 { padding:12.5% !important; border-radius:50% !important; border-color:rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) !important; border-width:2px 2px 2px 2px !important; border-style:solid !important; background-image:none !important; background-color:rgba(29,25,27,1) !important; } *#dm .dmInner nav.u_1842107692.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:rgb(0,0,0) !important; direction:ltr !important; padding-top:8px !important; font-weight:400 !important; text-decoration:none !important; padding-left:22px !important; font-size:12.8px !important; padding-bottom:8px !important; font-style:normal !important; margin-right:0px !important; margin-left:0px !important; text-transform:none !important; justify-content:flex-start !important; font-family: Raleway !important; margin-top:0px !important; margin-bottom:0px !important; text-align:left !important; padding-right:12px !important; } *#dm .dmInner div.u_1027055851 *.open-hours-item dt { font-family: Rubik !important; color:var(--color_8) !important; } *#dm .dmInner div.u_1027055851 *.open-hours-item dd { font-family: Rubik !important; color:var(--color_8) !important; } *#dm .dmInner div.u_1027055851 *.open-hours-item time { font-family: Rubik !important; color:var(--color_8) !important; } *#dm .dmInner div.u_1027055851 *.open-hours-special { font-family: Rubik !important; color:var(--color_8) !important; } *#dm .dmInner a.u_2131668061 .iconBg { display:inline-block !important; } *#dm .dmInner *.u_1001288727 { width:100% !important; } *#dm .dmInner nav.u_1222829430.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(0,0,0) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:0px !important; font-weight:700 !important; text-decoration:none !important; padding-left:8px !important; font-size:15px !important; padding-bottom:0px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; text-transform:uppercase !important; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family: Rubik !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:32px !important; } *#dm .dmInner a.u_2131668061 { background-color:rgba(255,255,255,0.1) !important; background-image:none !important; border-style:solid !important; border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; border-width:0px 0px 0px 0px !important; } *#dm .dmInner a.u_3742231949 { border-style:solid !important; border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; border-width:0px 0px 0px 0px !important; background-color:rgba(255,255,255,0.1) !important; background-image:none !important; } *#dm .dmInner div.u_1467326185 { padding:12.5% !important; border-radius:50% !important; border-color:var(--color_4) var(--color_4) var(--color_4) var(--color_4) !important; border-width:2px 2px 2px 2px !important; border-style:solid !important; background-image:none !important; background-color:rgba(29,25,27,1) !important; } *#dm .dmInner div.u_2306311032 .buttonclickrdv-class { border-color:var(--color_4) !important; background-color:var(--color_3) !important; border-style:solid !important; border-width:0px !important; } *#dm .dmInner *.u_2306311032 .buttonclickrdv-class { text-align:CENTER !important; } *#dm .dmInner *.u_1589818483 .copyright { justify-content:flex-start !important; text-align:left !important; } *#dm .dmInner div.u_1589818483 .copyright { color:var(--color_2) !important; font-weight:300 !important; } *#dm .dmInner div.u_1152354414 .mogs { color:var(--color_2) !important; font-weight:300 !important; } *#dm .dmInner div.u_1152354414 .rteBlock { color:var(--color_2) !important; font-weight:300 !important; } *#dm .dmInner div.u_1358611692 .socialHubInnerDiv { column-gap:8px !important; justify-content:center !important; } *#dm .dmInner div.u_1398674867 .svg { fill:var(--color_2) !important; } *#dm .dmInner *.u_1398674867 .svg { width:100% !important; } *#dm .dmInner div.u_1398674867 { padding:12.5% !important; border-radius:50% !important; border-color:rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) !important; border-width:2px 2px 2px 2px !important; border-style:solid !important; background-image:none !important; background-color:rgba(29,25,27,1) !important; } *#dm .dmInner *.u_1160835074 .svg { width:100% !important; } *#dm .dmInner div.u_1001288727 img { border-radius:0% !important; object-position:50% 50% !important; object-fit:cover !important; } *#dm .dmInner div.u_1160835074 { padding:25% !important; border-radius:50% !important; border-color:rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) rgb(199,32,38) !important; border-width:2px 2px 2px 2px !important; border-style:solid !important; background-image:none !important; background-color:rgba(29,25,27,1) !important; } *#dm .dmInner nav.u_1747667258 { justify-content:flex-end !important; color:white !important; } *#dm .dmInner nav.u_1842107692 { color:white !important; } *#dm .dmInner *.u_1152354414 .mllinks { text-align:RIGHT !important; } *#dm .dmInner *.u_1152354414 .mogs { text-align:RIGHT !important; } *#dm .dmInner *.u_1152354414 .rteBlock { text-align:RIGHT !important; } *#dm .dmInner nav.u_1842107692.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-family: Rubik !important; color:var(--color_1) !important; } *#dm .dmInner *.u_1141305225 { width:100% !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:var(--color_2) !important; } *#dm .dmInner div.u_1808662472 *.open-hours-item dt { font-family: Rubik !important; color:var(--color_2) !important; } *#dm .dmInner div.u_1808662472 *.open-hours-item dd { font-family: Rubik !important; color:var(--color_2) !important; } *#dm .dmInner div.u_1808662472 *.open-hours-item time { font-family: Rubik !important; color:var(--color_2) !important; } *#dm .dmInner div.u_1808662472 *.open-hours-special { font-family: Rubik !important; color:var(--color_2) !important; } *#dm .dmInner div.u_1063638624 .buttonclickrdv-class span.text { color:var(--color_8) !important; font-family: 'Rubik' !important; font-weight:600 !important; } *#dm .dmInner div.u_1063638624 .buttonclickrdv-class:hover { background-color:var(--color_4) !important; background-image:none !important; } *#dm .dmInner div.u_1063638624 .buttonclickrdv-class.hover { background-color:var(--color_4) !important; background-image:none !important; } *#dm .dmInner div.u_1063638624 .buttonclickrdv-class:hover span.text { color:var(--color_2) !important; } *#dm .dmInner div.u_1063638624 .buttonclickrdv-class.hover span.text { color:var(--color_2) !important; } *#dm .dmInner div.u_1063638624 .buttonclickrdv-class { border-color:var(--color_4) !important; background-color:var(--color_3) !important; border-style:solid !important; border-width:0px !important; } *#dm .dmInner *.u_1063638624 .buttonclickrdv-class { text-align:CENTER !important; } *#dm .dmInner a.u_1099299692:hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1099299692.hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1099299692:hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1099299692.hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1099299692 .iconBg { display:inline-block !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_1099299692:hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1099299692.hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1099299692 { border-style:solid !important; border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; border-width:0px 0px 0px 0px !important; background-color:rgba(255,255,255,0.1) !important; background-image:none !important; } *#dm .dmInner a.u_1099299692 span.text { font-size:16px !important; font-weight:600 !important; color:var(--color_2) !important; } *#dm .dmInner a.u_1692946803:hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1692946803.hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1692946803:hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1692946803.hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1692946803 .iconBg { display:inline-block !important; mask-image:url(https://de.cdn-website.com/e3e56e6cc56f410596cde833c5edbf43/icon/contact-icon.svg) !important; width:20px !important; height:20px !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_1692946803 { background-color:rgba(229,229,229,0.1) !important; background-image:none !important; } *#dm .dmInner a.u_1692946803 span.text { font-size:16px !important; font-weight:600 !important; color:var(--color_2) !important; } *#dm .dmInner a.u_1183996405:hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1183996405.hover { border-color:rgba(249,249,249,0) !important; } *#dm .dmInner a.u_1183996405:hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1183996405.hover .iconBg { background-color:rgb(255,255,255) !important; } *#dm .dmInner a.u_1183996405 .iconBg { display:inline-block !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_1183996405:hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1183996405.hover span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1183996405 { background-color:rgba(255,255,255,0.1) !important; background-image:none !important; } *#dm .dmInner a.u_1183996405 span.text { font-size:16px !important; font-weight:600 !important; color:var(--color_2) !important; } nav.u_1921448263 { color:white !important; } *#dm .dmInner nav.u_1921448263 { color:black !important; } *#dm .dmInner div.u_1141305225 img { border-radius:0% !important; object-fit:contain !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_1) !important; font-weight:600 !important; text-transform:uppercase !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_4) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_4) !important; } *#dm .dmInner div.u_1078432058 .socialHubIcon { width:32px !important; height:32px !important; font-size:21px !important; line-height:32px !important; background-color:var(--color_2) !important; color:var(--color_8) !important; } *#dm .dmInner div.u_1078432058 .socialHubInnerDiv { column-gap:8px !important; justify-content:flex-end !important; } *#dm .dmInner nav.u_1921448263.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(34,30,32) !important; font-weight:400 !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:4px !important; text-decoration:none !important; padding-left:0px !important; font-size:18px !important; padding-bottom:4px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; text-transform:none !important; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family: Rubik !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:start !important; padding-right:0px !important; } *#dm .dmInner div.u_1152354414 .mllinks { font-weight:300 !important; color:rgba(249,249,249,0) !important; } } @media (min-width:0) and (max-width:767px) { *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-75vw,0) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,100%) !important; } *#dm .dmInner nav.u_1921448263.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:18px !important; } *#dm .dmInner nav.u_1921448263.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:18px !important; } *#dm .dmInner nav.u_1921448263.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:18px !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner *.u_1329576804 .socialHubIcon { width:25px !important; height:25px !important; font-size:16.666666666666668px !important; line-height:25px !important; } *#dm .dmInner *.u_1329576804 .socialHubIcon:after { width:33px !important; height:25px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container:not(.show) { top:62% !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout1:not(.show) .widget-a6e864__border { width:0px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout4 .widget-a6e864__border { width:0px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout1:not(.show) .element { margin-bottom:1px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout2:not(.show) .element { margin-bottom:1px !important; } *#dm .dmInner *.u_1358611692 .socialHubIcon { width:25px !important; height:25px !important; font-size:16.666666666666668px !important; line-height:25px !important; } *#dm .dmInner *.u_1358611692 .socialHubIcon:after { width:33px !important; height:25px !important; } *#dm .dmInner div.u_2306311032 .buttonclickrdv-class { height:50px !important; } *#dm .dmInner div.u_1152354414 .mogs { font-size:14px !important; } *#dm .dmInner div.u_1152354414 .rteBlock { font-size:14px !important; } *#dm .dmInner div.u_1152354414 .mllinks { font-size:14px !important; } *#dm .dmInner div.u_1063638624 .buttonclickrdv-class { height:50px !important; } *#dm .dmInner *.u_1078432058 .socialHubIcon { width:25px !important; height:25px !important; font-size:16.666666666666668px !important; line-height:25px !important; } *#dm .dmInner *.u_1078432058 .socialHubIcon:after { width:33px !important; height:25px !important; } } @media (min-width:768px) and (max-width:1024px) { *.stickyHeaderSpacer { height:249.2734375px !important; } div[dmtemplateid="FlexHeader"] .layout-drawer-overlay { background-color:rgba(0,0,0,0.6) !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; } *#dm .dmInner *.u_1329576804 .socialHubIcon { width:20px !important; height:20px !important; font-size:13.333333333333334px !important; line-height:20px !important; } *#dm .dmInner *.u_1329576804 .socialHubIcon:after { width:28px !important; height:20px !important; } *#dm .dmInner *.u_1358611692 .socialHubIcon { width:20px !important; height:20px !important; font-size:13.333333333333334px !important; line-height:20px !important; } *#dm .dmInner *.u_1358611692 .socialHubIcon:after { width:28px !important; height:20px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout1:not(.show) .widget-a6e864__border { width:0px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout4 .widget-a6e864__border { width:0px !important; } *#dm .dmInner div.u_1589818483 .copyright { font-size:16px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout1:not(.show) .element { margin-bottom:0px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout2:not(.show) .element { margin-bottom:0px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container:not(.show) { top:72% !important; } *#dm .dmInner nav.u_1921448263.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:16px !important; } *#dm .dmInner nav.u_1921448263.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:16px !important; } *#dm .dmInner nav.u_1921448263.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:16px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:16px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:16px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:16px !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:100vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(85vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-85vw,0) !important; } *#dm .dmInner *.u_1078432058 .socialHubIcon { width:20px !important; height:20px !important; font-size:13.333333333333334px !important; line-height:20px !important; } *#dm .dmInner *.u_1078432058 .socialHubIcon:after { width:28px !important; height:20px !important; } *#dm .dmInner div.u_1078432058 .socialHubInnerDiv { justify-content:flex-start !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner *.u_4180582156 .widget-a6e864-container:not(.show) { top:72% !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout1:not(.show) .widget-a6e864__border { width:0px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864-container.layout4 .widget-a6e864__border { width:0px !important; } *#dm .dmInner *.u_4180582156 .widget-a6e864__img { width:32px !important; height:32px !important; } *#dm .dmInner div.u_1152354414 .mogs { font-size:13px !important; } *#dm .dmInner div.u_1152354414 .rteBlock { font-size:13px !important; } *#dm .dmInner div.u_1152354414 .mllinks { font-size:13px !important; } *#dm .dmInner div.u_1358611692 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:14px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:14px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:14px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:14px !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:100vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(85vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-85vw,0) !important; } }