/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { #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(51,51,51); direction:ltr; font-family: Forum, "Forum Fallback"; font-weight:normal; font-style:normal; text-decoration:rgb(244,85,97); } #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:rgb(244,85,97); } #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(68,68,68); direction:ltr; font-family: Forum, "Forum Fallback"; font-weight:normal; font-style:normal; text-decoration:rgb(244,85,97); text-transform:uppercase; } #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:rgb(244,85,97); } #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(51,51,51); direction:ltr; font-family: Forum, "Forum Fallback"; font-weight:400; font-style:normal; text-decoration:rgb(244,85,97); } #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:rgb(244,85,97); } #dmRoot *#dm div.dmContent h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { color:rgb(51,51,51); direction:ltr; font-family: Forum, "Forum Fallback"; font-weight:400; font-style:normal; text-decoration:rgb(244,85,97); } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h4, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h4, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:rgb(244,85,97); } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { color:rgb(51,51,51); direction:ltr; font-family: Forum, "Forum Fallback"; font-weight:400; font-style:normal; text-decoration:rgb(244,85,97); } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h5, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h5, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:rgb(244,85,97); } #dmRoot *#dm div.dmContent h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { color:rgb(51,51,51); direction:ltr; font-family: Forum, "Forum Fallback"; font-weight:400; font-style:normal; text-decoration:rgb(244,85,97); } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h6, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h6, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; } #dmRoot *#dm div.dmContent .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.dmFooter .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *, #dmRoot *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:rgb(244,85,97); } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:var(--color_5); direction:ltr; font-family: Jost, "Jost Fallback"; font-weight:400; font-style:normal; text-decoration:rgb(51,51,51); line-height:1.8; } #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: Jost, "Jost Fallback"; color:var(--color_5); line-height:1.5; font-weight:300; } *#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 { text-decoration:none; color:var(--color_1); } *#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 { text-decoration:none; color:var(--color_1); } *#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_1); text-decoration:none; } } @media (min-width:1025px) { #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:58px; line-height:1.2; } #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:36px; line-height:1.2; } #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:26px; line-height:1.2; } #dmRoot *#dm div.dmContent h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { font-size:24px; line-height:1.2; } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { font-size:22px; line-height:1.2; } #dmRoot *#dm div.dmContent h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { font-size:20px; line-height:1.2; } #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:16px; } #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; } } @media (min-width:768px) and (max-width:1024px) { #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:60px; line-height:1.2; } #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:28px; line-height:1.2; } #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:26px; line-height:1.2; } #dmRoot *#dm div.dmContent h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { font-size:24px; line-height:1.2; } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { font-size:22px; line-height:1.2; } #dmRoot *#dm div.dmContent h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { font-size:20px; line-height:1.2; } } @media (min-width:0px) and (max-width:767px) { #dmRoot *#dm div.dmContent h6, #dmRoot *#dm div.dmFooter h6, #dmRoot *#dm div.p_hfcontainer h6, #dmRoot *#dm div.flex_hfcontainer h6, #dmRoot *#dm div.dm-title h6 { font-size:16px; line-height:1.2; } #dmRoot *#dm div.dmContent h5, #dmRoot *#dm div.dmFooter h5, #dmRoot *#dm div.p_hfcontainer h5, #dmRoot *#dm div.flex_hfcontainer h5, #dmRoot *#dm div.dm-title h5 { font-size:18px; line-height:1.2; } #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:22px; } #dmRoot *#dm div.dmContent h4, #dmRoot *#dm div.dmFooter h4, #dmRoot *#dm div.p_hfcontainer h4, #dmRoot *#dm div.flex_hfcontainer h4, #dmRoot *#dm div.dm-title h4 { font-size:20px; } #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:30px; } } /*** BASICS ***/ /* Umbrüche */ @media all { body { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-before: 5; /* Safari */ -webkit-hyphenate-limit-after: 4; /* Safari */ -ms-hyphenate-limit-chars: 11 5 4; hyphenate-limit-chars: 11 5 4; } } /* Umbruch mobil */ @media all and (max-width:767px) { body { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-before: 3; /* Safari */ -webkit-hyphenate-limit-after: 4; /* Safari */ -ms-hyphenate-limit-chars: 11 3 4; hyphenate-limit-chars: 11 3 4; } } /* kein Umbruch in globalen Verknüpfungen */ body [data-inline-binding="content_library.global"], body [data-inline-binding="content_library.global.company_name"], body [data-inline-binding="site_text.rufname"], body [data-inline-binding="site_text.city"] { hyphens: manual; overflow-wrap: normal; word-break: normal; } /** ÖFFNUNGSZEITEN **/ /* Öffnungszeiten "Uhr" */ time:nth-child(2):after { content: " Uhr"; } /* Öffnungszeiten Headline: Abstand oben gelöscht */ h3.dmwidget-title { margin-top: 0 !important; margin-bottom: 10px !important; } /* Öffnungszeiten Abstand bzw. Spaltenbreite einstellen */ #dm .dmHoursOfOperation .open-hours-data dt { width: 40% !important; } #dm .dmHoursOfOperation .open-hours-data dd { width: 60% !important; /*text-align: left !important;*/ } @media (max-width:767px) { #dm .dmHoursOfOperation .open-hours-data dt { width: 33% !important; } #dm .dmHoursOfOperation .open-hours-data dd { width: 65% !important; /*text-align: left !important;*/ } } /** PARAGRAPH/TEXT & AUFZÄHLUNGEN **/ /* Abstand zwischen Textabschnitten & Text-Aufzählungen (inkl. 1.Unterpunkten) */ p, #dm .dmNewParagraph p, #dm .dmNewParagraph ul li, #dm .dmNewParagraph ol li, .caption-text ul li, .caption-text ol li, .dmNewParagraph[data-version] ul > li.ql-indent-1, .dmNewParagraph[data-version] ol > li.ql-indent-1{ margin-bottom: 12px !important; } /* Paragraph - kein Margin letzte Zeile */ #dm .no-padding p, #dm .dmNewParagraph > p:last-child, #dm .dmNewParagraph > ul:last-child li:last-of-type, #dm .dmNewParagraph > ol:last-child li:last-of-type { margin-bottom: 0 !important; } /* Text-Widget 2-Spaltig (Desktop/Tablet) */ @media all and (min-width:768px) { .text2c { column-count:2; column-gap:2rem; /* optionaler Abstand zwischen den Spalten */ } .text2c p, .text2c li { break-inside: auto; /* etwas Abstand zwischen den Absätzen */ margin:0 0 1rem 0; } } /** KONTAKTFORMULAR **/ /* Kontaktformular: volle Breite (wie in "Thema"-"Seitenbreite" eingestellt) */ #dm form { max-width: inherit !important; } /* Kontaktformular: Farbe der Sternchen (Pflichtfelder) */ .dmform.required-asterisk .required > label::after { color: var(--color_5) !important; } /* Kontaktformular: Farbe der Links für Uploads/Dateianhänge */ a.fileUploadLink { color: var(--color_2) !important; } /* Kontaktformular: Farbe der aktiven Radiobuttons & Checkboxen */ #dm div.dmInner .native-inputs .contact-checkable-container input[type=radio].checkable-input, #dm div.dmInner .native-inputs .contact-checkable-container input[type=checkbox].checkable-input { accent-color: var(--color_1) !important; } /* Kontaktformular: Schrifteinstellung der Label-Headlines (über Inputfelder) */ *#dm .dmInner .dmforminput label:not(.for-checkable):not(.custom-contact-checkable) { margin-bottom: 5px !important; } /* Kontaktformular: Abstände zwischen Input-Checkboxen & -Radiobuttons/Optionsfelder (angeglichen an Textfelder) */ .radiowrapper label, .checkboxwrapper label { margin: 5px 0 !important; } .dmform span.img-wrapper { display: none !important; } /* Kontaktformular: Abstand nach rechts zwischen Checkboxen/Radiobuttons und dem Input-Text */ #dm div.dmInner .native-inputs .contact-checkable-container input[type=checkbox].checkable-input, #dm div.dmInner .native-inputs .contact-checkable-container input[type=radio].checkable-input { margin-right:0.6em !important; } /* Kontaktformular: Checkbox und Text in einer Zeile nebeneinander (z.B. Datenschutz/AGB) */ #dm div.dmInner .native-inputs .contact-checkable-container label.for-checkable, #dm div.dmInner .native-inputs .contact-checkable-container label.for-checkable a { display: inline-block !important; vertical-align: inherit !important; } /** ICONS **/ /* Social-Media-Icons: kein Abstand nach oben/unten */ a span.socialHubIcon, [data-widget-type="socialhub"] { margin-top: 0 !important; margin-bottom: 0 !important; } /** GALERIE-EINSTELLUNGEN **/ /* Galerie: Keine Weißüberlagerung, wenn Text/Beschreibung im Bild */ #dm .dmPhotoGallery.newPhotoGallery.text-layout-fixed li.photoGalleryThumbs .caption-container .caption-inner { background-color: rgba(0,0,0,0) !important; } /* Galerie Abstände nur zwischen Elementen */ #dm .dmPhotoGallery.newPhotoGallery .photogallery-row, #dm .dmPhotoGallery.newPhotoGallery .layout-container.classic-drops, #dm .dmPhotoGallery.newPhotoGallery .layout-container.classic-rounded, #dm .dmPhotoGallery.newPhotoGallery .layout-container.square { gap: 10px; } /* "Mehr anzeigen" bekommt Abstand nach oben */ #dm .dmPhotoGallery.newPhotoGallery .photoGalleryViewAll { margin-top: 10px !important; } /* Galerie: globale Schriftgröße & Zeilenabstand für Fließtexte/Beschreibungen */ #dm .dmPhotoGallery.newPhotoGallery .photoGalleryThumbs .caption-container .caption-inner .rteBlock, #dm .dmPhotoGallery.newPhotoGallery li.photoGalleryThumbs .caption-container .caption-inner .rteBlock { font-size: inherit !important; line-height: inherit !important; margin-top: 10px !important; } /* Galerie: Abstand H3 zu Fließtext */ #dm .dmPhotoGallery.newPhotoGallery h3 { margin-bottom:15px !important; } /* Galerie: Button-Größe automatisch an Inhalt ausrichten (mit Mindestgröße) */ #dm .dmPhotoGallery.newPhotoGallery .photoGalleryThumbs .caption-container .caption-inner .caption-button { width:auto !important; height:auto !important; min-width: 250px !important; min-height: 50px !important; } /* Galerie- & Abstand-Widget: Mauszeiger (Cursor) auf Voreinstellungen zurücksetzen (= Wenn kein Link hinterlegt ist, bleibt es ein Pfeil und wandelt sich nicht zur Hand um) */ .dmPhotoGallery, .dmSpacer[data-element-type="spacer"] { cursor: default !important; } /** BUTTONS **/ /* Buttons: Globaler Innenabstand */ #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, .dmform input, .dmform textarea, #dm .dmforminput select, #dm .dmOuter .dmInner .dmWidget.flexButton { padding: 10px 20px !important; } /*** DESIGN CLASSES ***/ /* Subline Text – Unter Headlines */ .subline p { text-transform: uppercase !important; font-size: 20px !important; font-style: italic !important; } /* Tagline Text – Über Headlines */ .tagline p { font-family: inherit !important; font-size: 18px !important; line-height: 1.6 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; } /* 2 Stylings in einer H1, H2... Beliebig anpassbar, entprechender Teil des Textes braucht "Bold" */ .inline-style h2 strong{ font-weight: inherit !important; /* inherit = übernimmt globalen Stil */ font-size: 0.8em !important; letter-spacing: 0.1em !important; } /* Überschrift CTA */ #dm .spot-cta p { font-family: inherit !important; font-weight: 600 !important; font-size: 1.6em !important; line-height: 1.3 !important; text-transform: uppercase !important; margin-bottom: 0 !important; } /* Fließtext CTA */ #dm .spottext-cta p { text-transform: uppercase !important; font-size: 1.2em !important; color: var(--color_1) !important; } /* Überschrift Footer */ #dm .spottext-footer p { text-transform: uppercase !important; color: var(--color_3) !important; letter-spacing: 0em !important; font-size:20px !important; font-weight:700 !important; } /* Mobil-Einstellungen */ @media all and (max-width:767px) { /* Subline Text unter H1 */ .subline p { font-size: 18px !important; } /* Überschrift CTA */ #dm .spot-cta p { font-size: 1.3em !important; } /* Fließtext CTA */ #dm .spottext-cta p { font-size: 1.2em !important; } } /* Schriftfarbe weiß für dunkle Zeilen */ #dm .dark .dmNewParagraph p, #dm .dark .dmNewParagraph ul li, #dm .dark .dmNewParagraph ol li, #dm .dark .rteBlock, #dm .dark .open-hours-data, #dm .dmInner .dark .dmform .dmforminput label div, #dm .dmInner .dark .dmform .dmforminput label span, #dm .dmInner .dark .dmform .dmforminput .fileUploadLink { color: var(--color_3) !important; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a { color: var(--color_3) !important; } /* Runde Ecken (alle Widgets) */ .formen-rund, .mapContainer canvas.mapboxgl-canvas /* Karte/Map */, #dm [data-element-type=dYouTubeId] video /* Video */, .dmBeforeAndAfter.baf__container img /* Vorher-Nachher-Widget */, #dm .dmPhotoGallery.newPhotoGallery .photoGalleryThumbs .thumbnailInnerWrapper /* Galerie */, #dm div.dmInner #site_content .dmWidget.dmButtonLink /* Buttons */, form .dmformsubmit, .dmform input, .dmform select, .dmform textarea /* Kontaktformular */, .socialHubIcon.style8 /* SocialMedia-Icons */ { border-radius: 0px !important; overflow: hidden !important; } .overlay { background-image: linear-gradient(90deg, white 40%, rgba(255,255,255,0.3) 55%, rgba(0,0,0,0) 100%) !important; } .overlaytop { background-image: linear-gradient(180deg, white 12%, rgba(255,255,255,0.3) 25%, rgba(0,0,0,0) 100%) !important; } .overlay-cta { background-image: linear-gradient(90deg, color-mix(in srgb, var(--color_4) 95%, transparent) 40%, color-mix(in srgb, var(--color_4) 80%, transparent) 45%, rgba(0,0,0,0) 100%) !important; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .overlay { background-image: linear-gradient(90deg, white 30%, rgba(255,255,255,0.9) 45%, rgba(255,255,255,0.9) 100%) !important; } .overlay-cta { background-color: color-mix(in srgb, var(--color_4) 90%, transparent) !important; } } @media only screen and (max-width: 768px) { .overlay { background-image: linear-gradient(90deg, white 30%, rgba(255,255,255,0.9) 45%, rgba(255,255,255,0.9) 100%) !important; } .overlay-cta { background-color: color-mix(in srgb, var(--color_4) 90%, transparent) !important; } } /* Form für Spaltenhintergründe */ .shape { clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); } /* Trennlinie, rechts, Desktop + Tablet */ @media only screen and (min-width: 769px) { .separator { border-right: 3px solid var(--color_2) !important; } } /* Trennlinie, unten, mobil */ @media only screen and (max-width: 768px) { .separator { border-bottom: 3px solid var(--color_2) !important; } } .sticky{ position: sticky !important; top:150px; } .marker { position: relative; z-index: 1; display: inline-block; } .marker::after { content: ""; position: absolute; left: 0; bottom: 2px; width: 100%; height:12px; background: var(--color_2); z-index: -1; transform: scaleX(0); transform-origin: left center; animation: markerIn 1.8s ease-out forwards; } @keyframes markerIn { to { transform: scaleX(1); } } /* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { :root { --btn-border-l-color: var(--color_1); --btn-border-r-color: var(--color_1); --btn-border-b-width: 2px; --btn-text-direction: ltr; --btn-border-radius: 50px; --btn-border-t-width: 2px; --btn-border-tl-radius: 0px; --btn-border-br-radius: 0px; --btn-border-bl-radius: 0px; --btn-bg-color: var(--color_1); --btn-border-r-width: 2px; --btn-border-tr-radius: 0px; --btn-border-b-color: var(--color_1); --btn-border-l-width: 2px; --border-style: solid; --btn-border-t-color: var(--color_1); --btn-text-align: center; --btn-text-color: var(--color_3); --btn-text-decoration: none; --btn-text-font-weight: normal; --btn-icon-color: var(--color_3); --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: rgba(255, 255, 255, 0); --btn-hover-text-color: var(--color_3); --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-border-l-color: rgb(51, 51, 51); --btn-border-r-color: rgb(51, 51, 51); --btn-border-b-width: 1px; --btn-text-direction: ltr; --btn-border-radius: 50px; --btn-border-t-width: 1px; --btn-border-tl-radius: 0px; --btn-border-br-radius: 0px; --btn-border-bl-radius: 0px; --btn-bg-color: rgba(0, 0, 0, 0); --btn-border-r-width: 1px; --btn-border-tr-radius: 0px; --btn-border-b-color: rgb(51, 51, 51); --btn-border-l-width: 1px; --border-style: solid; --btn-border-t-color: rgb(51, 51, 51); --btn-text-align: center; --btn-text-color: var(--color_5); --btn-text-decoration: none; --btn-text-font-weight: normal; --btn-icon-color: var(--color_1); --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_7); --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_5); --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); } :root { --section-padding-top: 4%; --section-padding-left: 4%; --section-padding-right: 4%; --section-padding-bottom: 4%; --column-padding-top: 2%; --column-padding-right: 2%; --column-padding-left: 2%; --column-padding-bottom: 2%; --inner-column-padding-left: 1px; --inner-column-padding-right: 1px; --inner-column-padding-top: 1px; --inner-column-padding-bottom: 1px; } } @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: 4%; --section-padding-left: 4%; --section-padding-right: 4%; --section-padding-bottom: 4%; --column-padding-top: 0%; --column-padding-right: 0%; --column-padding-left: 0%; --column-padding-bottom: 0%; } } @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: 16px; } .button_2 { --btn-text-font-size: 16px; } :root { --section-padding-top: 10%; --section-padding-left: 6%; --section-padding-right: 6%; --section-padding-bottom: 10%; --column-padding-top: 0%; --column-padding-right: 0%; --column-padding-left: 0%; --column-padding-bottom: 0%; } } #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 { *#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_1198691314.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_1198691314 { justify-content:center !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav.effect-background .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { background-color:var(--color_1) !important; background-image:initial !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav.effect-background .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { background-color:var(--color_1) !important; background-image:initial !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav.effect-background .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { background-color:var(--color_1) !important; background-image:initial !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:var(--color_1) !important; } *#dm .dmInner *.u_1155699577 .powered { text-align:RIGHT !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav[data-nav-structure="HORIZONTAL"] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child) .unifiednav__container[data-depth="0"] { left:22px !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 3px - 0px) !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_1) !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_1) !important; } *#dm .dmInner nav.u_1198691314.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_1) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:var(--color_3) !important; } *#dm .dmInner nav.u_1938723288.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { justify-content:flex-start !important; } *#dm .dmInner nav.u_1938723288.main-navigation.unifiednav:not([image]) .unifiednav__container[data-depth="0"] { top:calc(100% - 12px - 0px) !important; } *#dm .dmInner nav.u_1938723288.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_1938723288.main-navigation.unifiednav[data-nav-structure='VERTICAL'] .unifiednav__container:not([data-depth])>.unifiednav__item-wrap::after { align-self:flex-start !important; 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_1938723288.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_1) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner div.u_2583129989 .socialHubIcon { color:var(--color_3) !important; } *#dm .dmInner div.u_2583129989 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner div.u_1320426639 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner div.u_1320426639 .socialHubIcon { color:var(--color_1) !important; } *#dm .dmInner nav.u_1198691314 { justify-content:flex-end !important; } *#dm .dmInner nav.u_1198691314.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_5) !important; border-radius:300px !important; direction:ltr !important; border-bottom-left-radius:300px !important; padding-top:3px !important; font-weight:400 !important; text-decoration:none solid rgb(255,255,255) !important; padding-left:22px !important; font-size:16px !important; padding-bottom:3px !important; border-top-right-radius:300px !important; font-style:normal !important; margin-right:0px !important; margin-left:0px !important; border-top-left-radius:300px !important; justify-content:flex-start !important; font-family: Helvetica !important; border-bottom-right-radius:300px !important; margin-top:0px !important; -webkit-border-radius:300px !important; margin-bottom:0px !important; text-align:left !important; padding-right:22px !important; text-transform:uppercase !important; } *#dm .dmInner nav.u_1938723288.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { justify-content:flex-start !important; color:var(--color_5) !important; text-transform:uppercase !important; } *#dm .dmInner nav.u_1938723288.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item:hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_1938723288.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.hover { color:var(--color_5) !important; } *#dm .dmInner nav.u_1938723288.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item.dmNavItemSelected { color:var(--color_5) !important; } *#dm .dmInner div.u_1120828650 { background-repeat:no-repeat !important; background-size:cover !important; background-image:none !important; background-position:0% 50% !important; } *#dm .dmInner div.u_1436543385 { background-repeat:no-repeat !important; background-size:cover !important; background-image:none !important; background-position:0% 50% !important; } *#dm .dmInner div.u_1677338512 { background-repeat:no-repeat !important; background-size:cover !important; background-image:none !important; background-position:0% 50% !important; } *#dm .dmInner div.u_1603177798 { background-repeat:no-repeat !important; background-size:cover !important; background-image:none !important; background-position:0% 50% !important; } *#dm .dmInner div.u_1142523637 { background-repeat:no-repeat !important; background-size:cover !important; background-image:none !important; background-position:0% 50% !important; } *#dm .dmInner div.u_1998442015 { background-repeat:no-repeat !important; background-size:cover !important; background-image:none !important; background-position:0% 50% !important; } *#dm .dmInner div.u_1155699577 .powered { color:var(--color_5) !important; } *#dm .dmInner div.u_1155699577 a { color:var(--color_5) !important; text-decoration:none !important; } *#dm .dmInner div.u_3941399856 .svg { fill:var(--color_1) !important; } *#dm .dmInner div.u_3941399856 span[data-icon-mask] { background-color:var(--color_1) !important; } *#dm .dmInner div.u_1657199530 .socialHubIcon { color:var(--color_1) !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 div.u_1155699577 .powered { font-size:15px !important; } } @media (min-width:1025px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner div.u_1155699577 a { font-size:16px !important; } *#dm .dmInner div.u_1155699577 .powered { 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; } *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:60vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(60vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-60vw,0) !important; } } @media (min-width:0px) and (max-width:767px) { div[dmtemplateid="FlexHeader"] .layout-drawer-overlay { background-color:rgba(91,89,63,0.8) !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 div.u_1155699577 .powered { font-size:16px !important; } } *#dm .dmInner div.u_1155699577 .powered { text-align:right !important; } *#dm .dmInner div.u_1155699577 .powered { text-align:right !important; } @media all { #flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img { width: 100%; } #flex-header { background-color: rgba(255, 255, 255, 0); box-shadow: none; background-image: none; padding: 0px 0% 0px 0%; margin: 0px 0% 0px 0%; } #flex-header[data-changeable-on-scroll][data-scrolling] { padding-top: 0px; padding-bottom: 0px; background-color: rgba(255, 255, 255, 1); } } @media all { #flex-footer { background-color: var(--color_3); background-image: none; box-shadow: rgba(0, 0, 0, 0.25) 0px -3px 11px 0px; } } @media all { #\36 3a049320d35b55b4ef2a374 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; background-color: rgba(0, 0, 0, 0); justify-content: flex-start; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a376 { background-color: var(--color_3); background-image: initial; } #\36 3a049320d35b55b4ef2a377 { min-height: 45vh; column-gap: 4%; row-gap: 24px; width: 100%; margin: 0% 0% 0% 0%; } #\36 2d6a167a824ca526194d9a5 { background-color: rgba(232, 255, 133, 1); } #\31 2a003a5 svg { fill: var(--color_1); } #\31 2a003a5 .hamburgerButton { background-color: rgba(0,0,0,0); } #\31 2a003a5 { width: 30px; height: 30px; } #widget_2ol { width: 100%; height: auto; max-width: 100%; order: 0; align-self: stretch; } } @media all { #\39 7526708 { flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; min-height: 0px; max-height: 100%; row-gap: 24px; column-gap: 3%; flex-wrap: nowrap; --column-gap: 3%; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 406026c90e1521f6ecb0ecc { min-height: 45vh; column-gap: 4%; row-gap: 24px; width: 100%; flex-wrap: nowrap; margin: 0% 0% 0% 0%; } #\36 406026c90e1521f6ecb0ecb { background-color: var(--color_3); background-image: none; } #a3250112 { width: 99.99%; height: auto; max-width: 100%; order: 0; justify-self: auto; align-self: auto; grid-area: auto / auto / auto / auto; } #e6426ee9 { min-height: 8px; column-gap: 4%; row-gap: 6px; width: 100%; min-width: 4%; background-color: rgba(0, 0, 0, 0); order: 0; justify-content: flex-start; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #c2ee1fb6.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #c2ee1fb6 { width: 7.36%; height: auto; max-width: 100%; order: 4; align-self: auto; justify-self: auto; margin: 0px 0% 0px -1%; grid-area: auto / auto / auto / auto; } #c1193746 { flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; min-height: 0px; max-height: 100%; row-gap: 24px; column-gap: 3%; flex-wrap: nowrap; height: auto; --column-gap: 3%; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #d3ddca99.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #d3ddca99 { width: 166.98093749999998px; height: auto; max-width: 100%; align-self: auto; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #fb0a2bcc { width: 25px; height: auto; max-width: 100%; margin-right: 0%; margin-left: 0%; order: 0; } #d277fc0a { width: 25px; height: auto; max-width: 100%; order: 0; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\39 74b868a { flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; min-height: 0px; max-height: 100%; row-gap: 24px; column-gap: 3%; flex-wrap: nowrap; --column-gap: 3%; height: auto; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\33 ce3b544.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\33 ce3b544 { width: 46.8%; height: auto; max-width: 100%; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\35 9a317d4.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\35 9a317d4 { width: 191.26553749999997px; height: auto; max-width: 100%; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #ab9943e6 { width: 25px; height: auto; max-width: 100%; order: 0; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media all { #\39 d047ce9 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; align-items: flex-end; justify-content: flex-end; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #a1f8711f { min-height: 10vh; column-gap: 4%; row-gap: 24px; width: 100%; padding: 0% 4% 0% 4%; margin: 0% 0% 0% 0%; } #ef8b5b8a { background-color: var(--color_3); background-image: initial; } } @media all { #\39 dc5a074 { min-height: 0; column-gap: 2%; row-gap: 12px; max-width: none; width: 100%; flex-wrap: nowrap; justify-content: flex-end; padding: 1% 4% 1% 4%; margin: 0% 0% 0% 0%; } #\32 3d5f850.flex-element.widget-wrapper > [data-element-type] { padding-top: 0px; padding-bottom: 0px; } #\32 3d5f850 { width: auto; height: auto; max-width: 100%; order: 1; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\37 80d21df { flex-direction: row; align-items: center; width: 84.64%; min-width: 4%; min-height: 8px; column-gap: 2%; row-gap: 24px; align-content: center; justify-content: flex-end; justify-self: auto; order: 1; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #\30 0ca91b4 svg { fill: var(--color_1); } #\30 0ca91b4 { width: 30px; height: 30px; max-width: 100%; order: 0; } #\30 0ca91b4 .hamburgerButton { border-style: solid; border-width: 0px 0px 0px 0px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } #\31 c1481e3 { margin: 0px 0% 0px 0%; } #b28f96ac { width: 258.05264999999997px; height: auto; max-width: 100%; min-height: 42px; justify-self: auto; align-self: auto; order: 3; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_tfp { width: 40px; height: auto; max-width: 100%; order: 2; } } @media all { #c8f30060 { min-height: 240px; column-gap: 4%; row-gap: 24px; max-width: none; width: 100%; flex-wrap: nowrap; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\35 0eec7ca { grid-template-rows: minmax(300px, max-content); width: 100%; max-width: 100%; } #\33 fff8801 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } } @media all { #d07a30af { width: 48.95%; height: auto; max-width: 100%; align-self: auto; justify-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #d5ea9dcc { width: 78%; height: auto; max-width: 100%; align-self: auto; order: 0; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 71bc00c { margin: 0px 0% 0px 0%; } #\34 81053c2 { background-color: var(--color_2); background-image: none; } #\39 722a147 { flex-direction: row; align-items: flex-start; width: 100%; min-height: auto; max-height: 100%; row-gap: 24px; column-gap: 2%; flex-wrap: nowrap; --column-gap: 2%; padding: 0% 0% 0% 0%; margin: 0px 0% 0px 0%; } #b86de0d4 { min-height: 48px; column-gap: 0%; row-gap: 0px; width: 100%; flex-wrap: nowrap; max-width: none; justify-content: center; align-content: center; padding: 10px 4% 10px 4%; margin: 0% 0% 0% 0%; } #ec05a562 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; justify-content: flex-start; align-items: center; min-width: 4%; flex-wrap: nowrap; justify-self: auto; align-self: auto; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } } @media all { #\34 b999660.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\34 b999660 { width: 191.26553749999997px; height: auto; max-width: 100%; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 06a079d { width: 79.16%; min-width: 4%; min-height: 8px; column-gap: 3%; row-gap: 24px; order: 0; justify-content: flex-start; align-self: auto; flex-wrap: nowrap; height: auto; align-content: flex-start; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\36 3c7b8b76c596a2813341bc5 { height: auto; } #\33 f7c869f.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\33 f7c869f { width: 46.8%; height: auto; max-width: 100%; align-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\37 97f93ad { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 17.81%; min-width: 4%; background-color: rgba(0, 0, 0, 0); order: 1; justify-content: flex-start; align-self: auto; align-content: flex-start; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\36 155a30d.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\36 155a30d { width: 164px; height: auto; max-width: 100%; align-self: auto; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #bf3130eb { width: auto; height: auto; max-width: 100%; order: 0; justify-self: auto; grid-area: auto / auto / auto / auto; } #f3e54eff { min-height: 433px; column-gap: 3%; row-gap: 18px; width: 100%; flex-wrap: nowrap; max-width: none; align-items: stretch; align-content: stretch; margin: 0% 0% 0% 0%; } #e43be244 { background-color: var(--color_4); background-image: none; } #\37 175d7c5 { width: 42.19%; height: auto; max-width: 100%; order: 1; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_mgm { width: 260px; height: auto; max-width: 100%; order: 0; margin-right: 0%; margin-left: 0%; } #group_s84 { flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; min-height: 0px; max-height: 100%; row-gap: 24px; column-gap: 3%; flex-wrap: nowrap; height: auto; --column-gap: 3%; order: 1; } #widget_mob { width: 25px; height: auto; max-width: 100%; margin-right: 0%; margin-left: 0%; order: 0; } #group_c59 { flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; min-height: 0px; max-height: 100%; row-gap: 24px; column-gap: 3%; flex-wrap: nowrap; --column-gap: 3%; height: auto; order: 2; } #\35 1551e9e { width: 25px; height: auto; max-width: 100%; order: 0; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #group_6po { flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; min-height: 0px; max-height: 100%; row-gap: 24px; column-gap: 3%; flex-wrap: nowrap; --column-gap: 3%; order: 3; } #d8bfa529 { width: 25px; height: auto; max-width: 100%; order: 0; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\34 a16f0ef { width: auto; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 4; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media (min-width: 1025px) { } @media (min-width: 768px) and (max-width: 1024px) { } @media (min-width: 768px) and (max-width: 1024px) { #flex-header { } } @media (min-width: 768px) and (max-width: 1024px) { #flex-footer { } } @media (min-width: 768px) and (max-width: 1024px) { #\36 3a049320d35b55b4ef2a374 { justify-content: flex-start; align-self: auto; padding: 0px 0px 0px 0px; } #\36 3a049320d35b55b4ef2a377 { min-height: 0vh; align-items: flex-start; align-content: flex-start; padding: 4% 4% 4% 4%; } #\31 2a003a5 { width: 27px; height: 27px; justify-self: auto; align-self: flex-end; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 3a049320d35b55b4ef2a373 { margin: 0px 0% 0px 0%; } } @media (min-width: 768px) and (max-width: 1024px) { #\39 7526708 { order: 3; } #\36 406026c90e1521f6ecb0ecc { min-height: 322px; align-items: flex-start; align-content: flex-start; padding: 4% 4% 4% 4%; } #e6426ee9 { align-self: auto; row-gap: 12px; } #\36 406026c90e1521f6ecb0ec9 { margin: 0px 0% 0px 0%; } #a3250112 { order: 0; width: 175px; } #c2ee1fb6 { width: auto; order: 6; } #c1193746 { order: 1; } #\39 74b868a { order: 2; } } @media (min-width: 768px) and (max-width: 1024px) { #a1f8711f { min-height: 10vh; padding: 4% 4% 4% 4%; } #\39 d047ce9 { padding-bottom: 6px; } } @media (min-width: 768px) and (max-width: 1024px) { #\39 dc5a074 { flex-direction: row; flex-wrap: nowrap; min-height: auto; padding: 2% 4% 2% 4%; } #\37 80d21df { width: 100%; order: 1; justify-content: flex-end; min-height: 8px; flex: 0 1 auto; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #\30 0ca91b4 { order: 3; } #\32 3d5f850 { order: 0; } #\31 c1481e3 { margin: 0px 0% 0px 0%; } #b28f96ac { order: 1; width: 213px; } } @media (min-width: 768px) and (max-width: 1024px) { #c8f30060 { padding-left: 2%; padding-right: 2%; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 71bc00c { margin: 0px 0% 0px 0%; } #b86de0d4 { padding: 1% 4% 4% 4%; } } @media (min-width: 768px) and (max-width: 1024px) { #\37 97f93ad { order: 1; align-items: flex-start; width: 100%; min-height: 80px; height: auto; row-gap: 12px; align-content: flex-start; margin: 0% 0% 0% 0%; } #\36 06a079d { order: 0; width: 100%; min-height: 80px; height: auto; margin: 0% 0% 0% 0%; } #f3e54eff { flex-direction: column; flex-wrap: nowrap; min-height: 0; column-gap: 1%; row-gap: 35px; } #\36 155a30d { width: 599px; } #\37 175d7c5 { width: 100.00%; } #group_s84 { margin-top: 12px; } #widget_mob { width: 30px; } #\35 1551e9e { width: 30px; } #d8bfa529 { width: 30px; } #\34 a16f0ef { width: auto; } } @media (max-width: 767px) { } @media (max-width: 767px) { #flex-header { } } @media (max-width: 767px) { #flex-footer { } } @media (max-width: 767px) { #\36 3a049320d35b55b4ef2a374 { min-height: 288px; justify-content: flex-start; width: 100%; height: auto; align-self: auto; padding: 0px 0px 0px 0px; } #\36 3a049320d35b55b4ef2a377 { min-height: unset; flex-direction: column; align-items: flex-start; align-content: flex-start; row-gap: 20px; padding: 8% 4% 8% 4%; } #\31 2a003a5 { align-self: flex-end; margin-left: 0px; margin-right: 0px; } #\36 3a049320d35b55b4ef2a373 { margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { #\39 7526708 { order: 3; } #\36 406026c90e1521f6ecb0ecc { min-height: 0; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; align-content: flex-start; row-gap: 20px; padding: 8% 4% 8% 4%; } #e6426ee9 { width: 100%; min-height: 15vh; align-self: auto; order: 1; row-gap: 12px; height: auto; } #\36 406026c90e1521f6ecb0ec9 { margin: 0px 0% 0px 0%; } #a3250112 { order: 0; width: auto; } #d3ddca99 { width: 55.90%; } #\33 ce3b544 { width: 57.18%; } #\35 9a317d4 { width: 75.38%; } #c1193746 { order: 1; margin-top: 12px; } #\39 74b868a { order: 2; } #c2ee1fb6 { order: 4; width: 30.01%; } } @media (max-width: 767px) { #\39 d047ce9 { width: 100%; min-height: 5vh; height: auto; padding-bottom: 6px; row-gap: 0px; } #a1f8711f { min-height: unset; flex-direction: column; padding-left: 0%; padding-right: 0%; padding-bottom: 0%; } } @media (max-width: 767px) { #\39 dc5a074 { min-height: 36px; flex-direction: row; flex-wrap: nowrap; column-gap: 6%; padding: 4% 6% 4% 6%; } #\37 80d21df { width: 100%; order: 1; min-height: 0px; justify-content: space-between; height: auto; align-self: center; column-gap: 6%; } #\30 0ca91b4 { width: 30px; height: 45px; margin-left: -7px; order: 3; } #\31 c1481e3 { margin: 0px 0% 0px 0%; } #b28f96ac { width: 92%; order: 2; } #\32 3d5f850 { order: 0; } #widget_tfp { width: 40px; } } @media (max-width: 767px) { #c8f30060 { min-height: 0; flex-direction: column; padding-left: 4%; padding-right: 4%; flex-wrap: nowrap; } #\33 fff8801 { width: 100%; min-height: 80px; align-items: center; } } @media (max-width: 767px) { #d07a30af { width: 100%; align-self: center; margin: 0px 0% 0px 0%; } #d5ea9dcc { margin-right: 0%; margin-left: 0%; width: 100%; } #\36 71bc00c { margin: 0px 0% 0px 0%; } #\39 722a147 { column-gap: 2%; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; row-gap: 10px; justify-content: space-between; width: auto; } #b86de0d4 { flex-direction: row; flex-wrap: nowrap; min-height: 0; padding: 1% 4% 8% 4%; } #ec05a562 { width: 100%; align-items: flex-start; min-height: 8px; align-content: flex-start; } } @media (max-width: 767px) { #\37 97f93ad { width: 100%; min-height: 80px; align-self: auto; order: 1; row-gap: 24px; } #\36 06a079d { width: 100%; min-height: 80px; order: 0; height: auto; column-gap: 4%; flex-direction: column; flex-wrap: nowrap; } #f3e54eff { min-height: 0; flex-direction: column; row-gap: 36px; flex-wrap: nowrap; } #\37 175d7c5 { margin-left: 0%; margin-right: 0%; width: 100%; max-width: none; } #\36 155a30d { width: 55.90%; } #\33 f7c869f { width: 57.18%; } #\34 b999660 { width: 75.38%; } #widget_mgm { width: 315px; height: auto; } #\34 a16f0ef { width: 29.84%; } }