/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { *#dm div.dmContent h1, *#dm div.dmFooter h1 { color:rgb(102,102,102); } *.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: "Roboto Condensed", "Roboto Condensed Fallback"; color:var(--color_1); } *#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_1); 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_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), .prev-next-links a { color:var(--color_5); } :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.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_5); } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:var(--color_1); direction:ltr; font-family: "Roboto Condensed", "Roboto Condensed Fallback"; font-weight:400; font-style:normal; 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(45,46,50); direction:ltr; font-family: "Roboto Condensed", "Roboto Condensed 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:rgb(45,46,50); direction:ltr; font-family: "Roboto Condensed", "Roboto Condensed 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:var(--color_1); direction:ltr; font-family: "Roboto Condensed", "Roboto Condensed Fallback"; font-weight:700; 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; } } @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:none; background-color:var(--color_2); } #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; } #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:52px; } } @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; } #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 { font-size:42px; } } @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; } } /* --------------------------------------------------------------------------------------------------------- Slider content page confinement */ #dmRoot #dm .SOMS_slider-content-container .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(1)::before { content:"Désamiantage"; } #dmRoot #dm .SOMS_slider-content-container .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(2)::before { content:"Confinement thermorétractable"; } #dmRoot #dm .SOMS_slider-content-container .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(3)::before { content:"Confinement polyane"; } #dmRoot #dm .SOMS_slider-content-container .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(4)::before { content:"Caisson étanche"; } /* --------------------------------------------------------------------------------------------------------- Slider content */ #dmRoot #dm .SOMS_slider-content div[data-grab="slide-media-container"] { width: 70% !important; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-slidesContainer__slide > div { inset: 40px; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-slidesContainer__slide--active > div { inset: 40px; } #dmRoot #dm .SOMS_slider-content div:has(>div[data-grab="slide-media-container"]) { display: flex; flex-direction: row-reverse; } #dmRoot #dm .SOMS_slider-content div[data-auto="actual-slider"] { gap: 0px; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] { width: 30%; display: flex; align-items: flex-start; background: var(--color_5) !important; padding: 40px; border-radius: 10px; height: 100%; } #dmRoot #dm .dmBody .SOMS_slider-content div[data-grab="pagination-container"] button { position: relative !important; width: 100% !important; background-color: transparent !important; display: flex !important; height: 80px !important; align-items: center; box-shadow: none !important; text-align: left; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button::before { position: absolute; font-size: 30px; font-weight: 400; color: var(--color_2) !important; opacity: 0.6; padding-left: 40px; transition: opacity .3s ease-in-out,font-size,.3s ease-in-out; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(1)::before { content:"Protection couvreur"; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(2)::before { content:"Parapluie"; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(3)::before { content:"Plateforme"; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(4)::before { content:"Escalier"; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(5)::before { content:"Particuliers"; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button::after { position: absolute; font-size: 16px; font-weight: 400; color: var(--color_2) !important; opacity: 0.5; transition: opacity .3s ease-in-out,font-size,.3s ease-in-out; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(1)::after { content:"01"; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(2)::after { content:"02"; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(3)::after { content:"03"; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(4)::after { content:"04"; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:nth-child(5)::after { content:"05"; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__button { overflow: hidden; padding: 0px 20px 0px 20px !important; border-radius: 20px; width: fit-content !important; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__button::before { content: ""; position: absolute; background-color: var(--color_5) !important; width: 40px; height: 40px; z-index: 0; top: 50%; left: 0%; transform: translate(0%, -50%); border-radius: 50%; transition: all ease-out 300ms; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__button:hover::before { width: 200%; height: 100%; border-radius: 20px; transition: all ease-out 300ms; transform: translate(-20%, -50%); } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__button span { position: relative !important; padding-left: 40px !important; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__button::after { content: ""; position: absolute; display: block !important; mask-image: url("https://de.cdn-website.com/65f6fb58f1d042f2a7eb1e8a21764065/icon/Arrow_8062928.svg") !important; background-color: var(--color_2) !important; font-size: 20px !important; width: 40px; height: 40px; z-index: 111; /*mask-size: contain;*/ -webkit-mask-position: center; mask-position: center; mask-repeat: no-repeat; mask-size: 30px !important; transition: 0.3s; transform: rotate(90deg); left: 0; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__title { font-weight: 300 !important; font-size: 42px !important; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__description * { line-height: 1.5 !important; padding: revert !important; } @media screen and (max-width: 1600px) and (min-width: 1024px) { #dmRoot #dm .SOMS_slider-content div[data-grab="slide-media-container"] { width: 40% !important; } #dmRoot #dm .SOMS_slider-content { height: 750px; } #dmRoot #dm .SOMS_slider-content-container .SOMS_slider-content { height: 800px; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button::before { font-size: 21px; padding-left: 30px; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] { padding: 20px; } } @media screen and (max-width: 1023px) and (min-width: 768px) { #dmRoot #dm .SOMS_slider-content div[data-grab="slide-media-container"] { width: 40% !important; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__title { font-size: 30px !important; } #dmRoot #dm .SOMS_slider-content { height: 750px; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button::before { font-size: 18px; padding-left: 30px; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] { padding: 20px; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__title { font-size: 24px !important; } } @media screen and (max-width: 767px) { #dmRoot #dm .SOMS_slider-content * { text-align: left !important; padding-inline: 0px; } #dmRoot #dm .SOMS_slider-content div[data-grab="slide-media-container"] { width: 100% !important; height: 250px !important; min-height: 250px !important; flex-basis: fit-content; } #dmRoot #dm .SOMS_slider-content div[data-grab="slide-media-container"] img { height: 250px !important; min-height: 250px !important; } #dmRoot #dm .SOMS_slider-content div[data-auto="actual-slider"] { flex-direction: column-reverse; } #dmRoot #dm .SOMS_slider-content div:has(>div[data-grab="slide-media-container"]) { flex-direction: column; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-contentContainer__title { font-size: 24px !important; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] { width: 100%; padding: 20px; height: auto; flex-direction: column; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button::before { padding-left: 30px; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:hover::before { font-size: 30px !important; } #dmRoot *#dm .SOMS_slider-content .d-ext-mediaSlider-slidesContainer__slide--active > div { inset: 0px; padding-top: 40px; } #dmRoot *#dm .SOMS_slider-content div[data-grab="slideContentContainer"] { align-items: flex-start !important; } #dmRoot #dm .dmBody .SOMS_slider-content div[data-grab="pagination-container"] button { height: 70px !important; } } /* --------------------------------------------------------------------------------------------------------- Fils d'ariane */ #dmRoot #dm .dmBody div[data-auto*="runtime-breadcrumbs-widget"] a { color: var(--color_2) !important; } /* --------------------------------------------------------------------------------------------------------- H1 */ @media screen and (max-width: 1600px) and (min-width: 1024px) { #dmRoot #dm h1 * { font-size: 60px !important; } } /* --------------------------------------------------------------------------------------------------------- Effet visible de la grille */ @media screen and (min-width: 768px) { .dmLayoutWrapper { overflow: visible !important; } .dmBodyNoIscroll #iscrollBody { overflow: visible !important; } } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:hover::before { font-size: 1.8vw; opacity: 1; transition: opacity .3s ease-in-out,font-size,.3s ease-in-out; } #dmRoot #dm .SOMS_slider-content div[data-grab="pagination-container"] > button:hover::after { opacity: 1; transition: opacity .3s ease-in-out,font-size,.3s ease-in-out; } /* --------------------------------------------------------------------------------------------------------- colonne avec une hauteur à 100% */ #dmRoot *#dm .SOMS_col-100 { height: 100% !important; } /* --------------------------------------------------------------------------------------------------------- barre latérale */ ::-webkit-scrollbar { width: 12px; height: 5px !important; } ::-webkit-scrollbar-track { background: rgb(241, 241, 241); } ::-webkit-scrollbar-thumb { cursor: pointer; background: linear-gradient(13deg, #ff4026, #ff4026 0); border-radius: 5px; } /* --------------------------------------------------------------------------------------------------------- Comportement du menu au scroll*/ @media screen and (min-width: 1024px) { #dmRoot #dmFlexHeaderContainer #flex-header[data-scrolling] .SOMS_sub-header { display: none; } } @media screen and (max-width: 1024px) and (min-width: 767px) { #dmRoot .SOMS_sub-header { border-width: 0px 0 1px 0; border-color: rgba(255, 255, 255, 0.5) #000000 rgba(255, 255, 255, 0.5) #000000; border-style: solid; } } #dmRoot #dmFlexHeaderContainer #flex-header[data-scrolling] .unifiednav__item-wrap:nth-child(8) .unifiednav__item:after { color: var(--color_5) !important; } /* --------------------------------------------------------------------------------------------------------- Hero */ #dmRoot *#dm .SOMS_hero:before { background: linear-gradient(175deg, rgb(5 5 5 / 90%) -15.8%, hsl(0deg 0% 8% / 50%) 98.69%); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } @media screen and (min-width: 767px) { #dmRoot *#dm .SOMS_hero:after { content: ""; height: 100%; left: 15%; position: absolute; top: 0; width: 1px; z-index: 1; background: #ffffff80; } #dmRoot *#dm .SOMS_hero-pa:after { content: ""; height: 100%; left: 15%; position: absolute; top: 0; width: 1px; z-index: 1; background: #ffffff80; } } #dmRoot *#dm .SOMS_hero .flex-element.group .widget-wrapper { z-index: 2 !important; position: relative !important; } /* --------------------------------------------------------------------------------------------------------- Navigation */ #dmRoot *#dm .SOMS_nav .unifiednav__item:before { background-color: var(--color_5) !important; content: ""; height: 8px; left: 0; position: absolute; top: -1px; -webkit-transition: width .3s ease-in-out .2s; -o-transition: width .3s ease-in-out .2s; transition: width .3s ease-in-out .2s; width: 0; } #dmRoot *#dm .SOMS_nav .unifiednav__item:hover:before { -webkit-transition: width .3 ease-in .5s .1s; -o-transition: width .3 ease-in .5s .1s; transition: width .3 ease-in .5s .1s; width: 100%; } @media screen and (max-width: 1600px) and (min-width:1024px) { #dmRoot *#dm .SOMS_nav .unifiednav__item { padding: 20px 10px 20px 10px !important; } } @media screen and (max-width: 1400px) and (min-width:959px) { #dmRoot *#dm .SOMS_nav .unifiednav__item * { font-size: 12px !important; } #dmRoot *#dm .SOMS_nav .unifiednav__item { padding: 20px 10px 20px 10px !important; } } /* --------------------------------------------------------------------------------------------------------- Onglet pour les pros*/ #dmRoot *#dm .SOMS_nav .unifiednav__item-wrap:nth-child(8) .unifiednav__item:after { color: var(--color_8) !important; content: "Pour les pros"; position: absolute; font-size: 12px; bottom: 3px; left: 40px; text-transform: capitalize; } /* --------------------------------------------------------------------------------------------------------- cards sur le hero */ #dmRoot *#dm .SOMS_cards-hero div:has(>div[data-grab="slide-media-container"]) { background: #fff; padding: 20px !important; border-radius: 5px; overflow: visible; right: -10px; box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.28); } #dmRoot *#dm .SOMS_cards-hero .d-ext-mediaSlider-slidesContainer__slide > div { inset: 30px; } #dmRoot *#dm .SOMS_cards-hero .d-ext-mediaSlider-slidesContainer__slide--active > div { inset: 30px; } #dmRoot *#dm .SOMS_cards-hero .text { mask-image: url("https://de.cdn-website.com/65f6fb58f1d042f2a7eb1e8a21764065/icon/Arrow_8062928.svg") !important; background-color: rgb(0 0 0) !important; font-size: 20px !important; width: 40px; height: 40px; z-index: 111; /*mask-size: contain;*/ -webkit-mask-position: center; mask-position: center; mask-repeat: no-repeat; mask-size: 30px !important; transform: rotate(45deg); transition: 0.3s; } #dmRoot *#dm .SOMS_cards-hero a { height: 50px !important; width: 50px !important; min-width: 50px !important; } #dmRoot *#dm .SOMS_cards-hero a:hover .text { transform: rotate(0deg); transition: 0.3s; } #dmRoot *#dm .SOMS_cards-hero div[data-grab="slideContentContainer"] { display: flex; flex-direction: row; align-items: center; justify-content: center; } #dmRoot *#dm .SOMS_cards-hero div[data-grab="description"]{ margin: 0px 20px 0px 0px !important; } #dmRoot *#dm .SOMS_cards-hero div:has(>div[data-grab="slide-media-container"]):after { content:""; background-color: var(--color_3) !important; width: 100%; position: absolute; /*right: 100%;*/ top: 50%; transform: translateY(-50%); height: 90%; z-index: -1; left: -20px; border-radius: 5px; } /* --------------------------------------------------------------------------------------------------------- Scroll sur le hero */ #dmRoot *#dm .SOMS_scroll-down-line { -webkit-animation: scrollDown 2s infinite; animation: scrollDown 2s infinite; background: #fff; display: block; height: 7px; width: 2px; top: 10px; position: relative; } @keyframes scrollDown { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(5px); transform: translateY(5px); } 60% { -webkit-transform: translateY(4px); transform: translateY(4px); } } #dmRoot *#dm .SOMS_scroll-down-img { position: absolute; right: 15%; display: flex; flex-direction: column; align-items: center; } #dmRoot *#dm .SOMS_scroll-down-img img { width: 20px; height: auto; } #dmRoot *#dm .SOMS_scroll-down-txt { color: #fff; writing-mode: vertical-rl !important; text-orientation: mixed !important; transform: rotateZ(0deg) !important; margin: 10px; } /* --------------------------------------------------------------------------------------------------------- Point en background */ #dmRoot *#dm .SOMS_back::before { content:""; position: absolute; top: 0px; height: calc(100% + 2rem); pointer-events: none; background-image: radial-gradient(#E5E7E9 2px, transparent 0); background-size: 30px 30px; background-position: -18px 0; left: auto; right: 0; width: 40%; } /* --------------------------------------------------------------------------------------------------------- Section sticky */ @media screen and (min-width: 767px) { #dmRoot *#dm .SOMS_sticky-section { position: sticky !important; top: 0; } #dmRoot *#dm .SOMS_panel-1 { z-index: 1; } #dmRoot *#dm .SOMS_panel-2 { z-index: 2; clip-path: inset(100% 0 0 0); /* cachée au départ */ transition: clip-path 0.2s linear; filter: grayscale(1); } } /* --------------------------------------------------------------------------------------------------------- Effet parallax sur les images au scroll */ .SOMS_parallax-container { position: relative; overflow: hidden; border-radius: 10px 10px 10px 10px !important; } .SOMS_parallax-container img { position: absolute; width: 100%; height: 120%; /* un peu plus grand pour éviter les bords vides */ object-fit: cover; top: 0; left: 0; transform: translateY(0); transition: transform 0.1s linear; } /* classe active pour activer l’effet */ .SOMS_parallax-container img.active { will-change: transform; } .SOMS_parallax-container:before { background: -webkit-gradient(linear, left bottom, left top, color-stop(33%, rgba(28, 28, 28, .71)), to(rgba(0, 212, 255, 0))); background: -o-linear-gradient(bottom,rgba(28,28,28,.71) 33%,rgba(0,212,255,0) 100%); background: linear-gradient(0deg, rgba(28, 28, 28, .71) 33%, rgba(0, 212, 255, 0)); border-radius: 0 0 8px 8px; bottom: 0; content: ""; height: 80px; position: absolute; right: 0; width: 100%; z-index: 1; } /* --------------------------------------------------------------------------------------------------------- Personnalisation des boutons*/ #dmRoot *#dm .SOMS_cta { overflow: hidden; padding: 0px 20px 0px 20px !important; border-radius: 20px; } #dmRoot *#dm .SOMS_cta a::before { content: ""; position: absolute; background-color: var(--color_5) !important; width: 40px; height: 40px; z-index: 0; top: 50%; left: 0%; transform: translate(-50%, -50%); border-radius: 50%; transition: all ease-out 300ms; } #dmRoot *#dm .SOMS_cta .iconBg { left: -10px !important; } #dmRoot *#dm .SOMS_cta a:hover::before { width: 200%; height: 100%; border-radius: 20px; transition: all ease-out 300ms; transform: translate(-20%, -50%); } #dmRoot *#dm .SOMS_cta .text { position: relative !important; } @media screen and (max-width: 1024px) { #dmRoot *#dm .SOMS_cta * { font-size: 16px !important; } } /* --------------------------------------------------------------------------------------------------------- Colonne en sticky*/ @media screen and (min-width: 1600px) { #dmRoot *#dm .SOMS_sticky-col { height: 170vh; top: 0; position: sticky; } } @media screen and (max-width: 1500px) and (min-width: 1024px) { #dmRoot *#dm .SOMS_sticky-col { height: 200vh; } } /* --------------------------------------------------------------------------------------------------------- effet clip path scroll driven animation*/ @media screen and (min-width: 1024px) and (prefers-reduced-motion: no-preference) { @supports (view-timeline-axis: block) { #dmRoot:not(.editGrid) *#dm *.dmBody div.SOMS_anim-container .videobgwrapper { view-timeline-name: --SOMS_path; view-timeline-axis: block; animation: linear SOMS_path both; animation-timeline: --SOMS_path; animation-range: entry 20% cover 80%; transition: all 1s ease; } @keyframes SOMS_path { 0% { clip-path: inset(40% 40% 40% 40%); } 80% { clip-path: inset(0% 0% 0% 0%); } } } } /* --------------------------------------------------------------------------------------------------------- hero sur les PA */ @media screen and (min-width: 1024px) { #dmRoot:not(.editGrid) *#dm .SOMS_sticky-panel { position: sticky; top: 0; } #dmRoot:not(.editGrid) *#dm .SOMS_sticky-panel * > { position: relative !important; z-index: 2; } #dmRoot:not(.editGrid) *#dm .SOMS_sticky-panel2 { z-index: 2; } #dmRoot:not(.editGrid) *#dm .SOMS_color-back { position: relative; height: 200vh; --overlay-opacity: 0; } #dmRoot:not(.editGrid) *#dm .SOMS_color-back::after { content: ""; position: absolute; inset: 0; background: white; opacity: var(--overlay-opacity); transition: opacity 120ms linear; } } /* --------------------------------------------------------------------------------------------------------- bloc redirection page loc */ #dmRoot *#dm .SOMS_link-redirection * { transition: all ease-out 300ms; } #dmRoot *#dm .SOMS_link-redirection *:hover { transition: all ease-out 300ms; color: var(--color_5) !important; } /* --------------------------------------------------------------------------------------------------------- Responsive*/ .dmFooterContainer .mllinks { margin: 0px 0; } /* --------------------------------------------------------------------------------------------------------- Footer*/ @media screen and (max-width: 1500px) and (min-width:1024px) { #dmRoot *#dm .SOMS_hero .flex-element.group > .flex-element.group:nth-child(4) { display: none; } #dmRoot *#dm .SOMS_hero > .flex-element.group > .flex-element.group:nth-child(2) { width: 50% !important; } #dmRoot *#dm .SOMS_hero .flex-element.group > .flex-element.group:nth-child(3) { width: 50% !important; } #dmRoot *#dm .SOMS_padding-remove .flex-element.grid > .flex-element.group { padding: 120px 20px 120px 20px !important; } } /* ==================================================================== */ /* 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_1); --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: 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_3); --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_3); --btn-hover-text-color: var(--color_1); --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: 60px; --section-padding-left: 20px; --section-padding-right: 20px; --section-padding-bottom: 60px; --column-padding-top: 0px; --column-padding-right: 0px; --column-padding-left: 0px; --column-padding-bottom: 0px; --inner-column-padding-left: 0px; --inner-column-padding-right: 0px; --inner-column-padding-top: 0px; --inner-column-padding-bottom: 0px; } } @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-top: 60px; --section-padding-left: 20px; --section-padding-right: 20px; --section-padding-bottom: 60px; } } @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-top: 40px; --section-padding-left: 20px; --section-padding-right: 20px; --section-padding-bottom: 40px; } } #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-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 div#hamburger-drawer.layout-drawer { background-color:rgba(255,255,255,1) !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_1577177687 { width:100% !important; } *#dm .dmInner div.u_1152354414 .mogs { color:var(--color_2) !important; } *#dm .dmInner div.u_1152354414 .rteBlock { color:var(--color_2) !important; } *#dm .dmInner *.u_1905779038.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_1905779038 { justify-content:center !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav.effect-bottom2 .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item .nav-item-text::after { border-style:solid !important; border-color:var(--color_5) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; border-width:1px 0px 0px 0px !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav.effect-background .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { background-color:var(--color_2) !important; background-image:none !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav.effect-background .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { background-color:var(--color_2) !important; background-image:none !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav.effect-background .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { background-color:var(--color_2) !important; background-image:none !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_5) !important; } *#dm .dmInner *.u_1152354414 .mogs { text-align:LEFT !important; } *#dm .dmInner *.u_1152354414 .rteBlock { text-align:LEFT !important; } *#dm .dmInner *.u_1152354414 .mllinks { text-align:LEFT !important; } *#dm .dmInner div.u_1566043873 .copyright { color:var(--color_2) !important; } *#dm .dmInner *.u_1566043873 .copyright { justify-content:flex-start !important; text-align:left !important; } *#dm .dmInner div.u_1437089382 img { object-fit:contain !important; } *#dm .dmInner nav.u_2667627582.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner nav.u_2667627582.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:2px 0px 0px 0px !important; border-color:var(--color_8) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner nav.u_2667627582.main-navigation.unifiednav[data-nav-structure='VERTICAL'] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap::after { border-style:solid !important; border-color:rgb(209,209,209) #000000 #000000 #000000 !important; border-width:0px 0 0 0 !important; } *#dm .dmInner a.u_1684054021 { background-color:rgba(0,0,0,0) !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; border-radius:0px 0px 0px 0px !important; } *#dm .dmInner a.u_1684054021:hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_1684054021.hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_1684054021 span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1684054021 .iconBg { display:inline-block !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_1684054021:hover span.text { color:var(--color_8) !important; } *#dm .dmInner a.u_1684054021.hover span.text { color:var(--color_8) !important; } *#dm .dmInner a.u_1684054021:hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner a.u_1684054021.hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner a.u_996929466:hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_996929466.hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_996929466 span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_996929466 .iconBg { display:inline-block !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_996929466:hover span.text { color:var(--color_8) !important; } *#dm .dmInner a.u_996929466.hover span.text { color:var(--color_8) !important; } *#dm .dmInner a.u_996929466:hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner a.u_996929466.hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner a.u_2584173218 { background-color:rgba(0,0,0,0) !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; border-radius:0px 0px 0px 0px !important; } *#dm .dmInner a.u_2584173218:hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_2584173218.hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_2584173218 span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_2584173218 .iconBg { display:inline-block !important; mask-image:url(https://de.cdn-website.com/65f6fb58f1d042f2a7eb1e8a21764065/icon/Pin_3889019.svg) !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_2584173218:hover span.text { color:var(--color_8) !important; } *#dm .dmInner a.u_2584173218.hover span.text { color:var(--color_8) !important; } *#dm .dmInner a.u_2584173218:hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner a.u_2584173218.hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner div.u_3263096308 *.open-hours-item dt { color:var(--color_2) !important; } *#dm .dmInner div.u_3263096308 *.open-hours-item dd { color:var(--color_2) !important; } *#dm .dmInner div.u_3263096308 *.open-hours-item time { color:var(--color_2) !important; } *#dm .dmInner div.u_3263096308 *.open-hours-special { color:var(--color_2) !important; } *#dm .dmInner a.u_1393562728 { background-color:rgba(0,0,0,0) !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; border-radius:0px 0px 0px 0px !important; } *#dm .dmInner a.u_1393562728:hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_1393562728.hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_1393562728 span.text { color:var(--color_2) !important; } *#dm .dmInner a.u_1393562728 .iconBg { display:inline-block !important; background-color:var(--color_2) !important; } *#dm .dmInner a.u_1393562728:hover span.text { color:var(--color_8) !important; } *#dm .dmInner a.u_1393562728.hover span.text { color:var(--color_8) !important; } *#dm .dmInner a.u_1393562728:hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner a.u_1393562728.hover .iconBg { background-color:var(--color_8) !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:var(--color_2) !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:var(--color_2) !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:var(--color_2) !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav .unifiednav__container[data-depth] { background-color:var(--color_2) !important; background-image:none !important; } *#dm .dmInner nav.u_1998592992 { color:black !important; } *#dm .dmInner nav.u_2667627582 { color:white !important; justify-content:flex-start !important; } *#dm .dmInner nav.u_2667627582.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:5px !important; font-weight:400 !important; text-decoration:none !important; padding-left:0px !important; font-size:16px !important; padding-bottom:5px !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:"Roboto Condensed" !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:left !important; padding-right:10px !important; } *#dm .dmInner div.u_1577177687 img { 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 1px 0px !important; } *#dm .dmInner a.u_1613591587 { background-color:rgba(0,0,0,0) !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; border-radius:0px 0px 0px 0px !important; } *#dm .dmInner a.u_1613591587:hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_1613591587.hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_1736583427 { background-color:rgba(0,0,0,0) !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; border-radius:0px 0px 0px 0px !important; } *#dm .dmInner a.u_1736583427:hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_1736583427.hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_1225920450 { background-color:rgba(0,0,0,0) !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; border-radius:0px 0px 0px 0px !important; } *#dm .dmInner a.u_1225920450:hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner a.u_1225920450.hover { background-color:rgba(0,0,0,0) !important; background-image:none !important; } *#dm .dmInner nav.u_1998592992.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:2px 0px 0px 0px !important; border-color:var(--color_5) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 5px - 0px) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_5) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:var(--color_1) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:var(--color_5) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(0,0,0) !important; font-weight:400 !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:10px !important; text-decoration:none !important; padding-left:0px !important; font-size:24px !important; padding-bottom:10px !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:"Roboto Condensed" !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 a.u_1225920450 .iconBg { display:inline-block !important; background-color:var(--color_1) !important; } *#dm .dmInner a.u_1225920450 span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1225920450:hover span.text { color:var(--color_5) !important; } *#dm .dmInner a.u_1225920450.hover span.text { color:var(--color_5) !important; } *#dm .dmInner a.u_1225920450:hover .iconBg { background-color:var(--color_5) !important; } *#dm .dmInner a.u_1225920450.hover .iconBg { background-color:var(--color_5) !important; } *#dm .dmInner a.u_1613591587 .iconBg { display:inline-block !important; background-color:var(--color_1) !important; } *#dm .dmInner a.u_1613591587 span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1613591587:hover span.text { color:var(--color_5) !important; } *#dm .dmInner a.u_1613591587.hover span.text { color:var(--color_5) !important; } *#dm .dmInner a.u_1613591587:hover .iconBg { background-color:var(--color_5) !important; } *#dm .dmInner a.u_1613591587.hover .iconBg { background-color:var(--color_5) !important; } *#dm .dmInner a.u_1736583427 .iconBg { display:inline-block !important; mask-image:url(https://de.cdn-website.com/65f6fb58f1d042f2a7eb1e8a21764065/icon/Pin_3889019.svg) !important; background-color:var(--color_1) !important; } *#dm .dmInner a.u_1736583427 span.text { color:var(--color_1) !important; } *#dm .dmInner a.u_1736583427:hover span.text { color:var(--color_5) !important; } *#dm .dmInner a.u_1736583427.hover span.text { color:var(--color_5) !important; } *#dm .dmInner a.u_1736583427:hover .iconBg { background-color:var(--color_5) !important; } *#dm .dmInner a.u_1736583427.hover .iconBg { background-color:var(--color_5) !important; } *#dm .dmInner nav.u_1905779038.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(255,255,255) !important; font-weight:600 !important; text-transform:uppercase !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:20px !important; text-decoration:none !important; padding-left:20px !important; font-size:15px !important; padding-bottom:20px !important; border-top-right-radius:0px !important; font-style:normal !important; margin-right:0px !important; border-radius:0px !important; margin-left:0px !important; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family:"Roboto Condensed" !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:20px !important; } *#dm .dmInner nav.u_1905779038.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_1905779038.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_1905779038.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:var(--color_1) !important; font-size:15px !important; } *#dm .dmInner a.u_996929466 { background-color:rgba(0,0,0,0) !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; border-radius:0px 0px 0px 0px !important; justify-content:flex-start !important; text-align:left !important; } *#dm .dmInner div.u_1609460040 hr { border-width:1px !important; color:rgba(128,128,128,0.5) !important; } *#dm .dmInner nav.u_1505332909.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:0px !important; } *#dm .dmInner nav.u_1505332909.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:2px 0px 0px 0px !important; border-color:var(--color_8) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner nav.u_1505332909.main-navigation.unifiednav[data-nav-structure='VERTICAL'] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap::after { border-style:solid !important; border-color:rgb(209,209,209) #000000 #000000 #000000 !important; border-width:0px 0 0 0 !important; } *#dm .dmInner nav.u_1505332909 { color:white !important; justify-content:flex-start !important; } *#dm .dmInner nav.u_1505332909.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { color:rgba(173,183,186,1) !important; } *#dm .dmInner nav.u_1505332909.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { color:rgba(173,183,186,1) !important; } *#dm .dmInner nav.u_1505332909.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(173,183,186) !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:0px !important; font-weight:400 !important; text-decoration:none !important; padding-left:5px !important; font-size:16px !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:"Roboto Condensed" !important; border-bottom-right-radius:0px !important; margin-top:0px !important; -webkit-border-radius:0px !important; margin-bottom:0px !important; text-align:left !important; padding-right:5px !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; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner div.u_1566043873 .copyright { font-size:16px !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; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(50vw,0) !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:24px !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:24px !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:24px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:18px !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:90vw !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 a.u_1684054021 span.text { font-size:16px !important; } *#dm .dmInner a.u_996929466 span.text { font-size:16px !important; } *#dm .dmInner a.u_2584173218 span.text { font-size:16px !important; } *#dm .dmInner div.u_1152354414 .mogs { font-size:14px !important; } *#dm .dmInner div.u_1152354414 .rteBlock { font-size:14px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:21px !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:21px !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:21px !important; } *#dm .dmInner nav.u_1998592992.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:16px !important; } }