/* ==================================================================== */ /* System Style Definitions */ /* ==================================================================== */ @media all { #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { color:var(--color_5); direction:ltr; font-family: Montserrat, "Montserrat Fallback"; font-style:normal; text-decoration:rgb(0,0,0); font-weight:400; } #dm div.dmNewParagraph p, #dm div.dmNewParagraph li { font-weight:400; line-height:1.5; } #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 { line-height:1.5; font-family: Montserrat, "Montserrat Fallback"; font-weight:400; color:var(--color_5); } #dmRoot *#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_7); direction:ltr; font-family:"Hedvig Letters Serif"; font-weight:400; font-style:normal; text-decoration:rgb(0,0,0); } #dmRoot *#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; } #dmRoot *#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:rgb(0,0,0); } #dmRoot *#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_7); direction:ltr; font-family:"Hedvig Letters Serif"; font-weight:400; font-style:normal; text-decoration:rgb(0,0,0); } #dmRoot *#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; } #dmRoot *#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:rgb(0,0,0); } #dmRoot *#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_7); direction:ltr; font-family:"Hedvig Letters Serif"; font-weight:400; font-style:normal; text-decoration:rgb(0,0,0); } #dmRoot *#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; } #dmRoot *#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:rgb(0,0,0); } #dmRoot *#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_7); direction:ltr; font-family:"Hedvig Letters Serif"; font-weight:400; font-style:normal; text-decoration:rgb(0,0,0); } #dmRoot *#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; } #dmRoot *#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:rgb(0,0,0); } #dmRoot *#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_7); direction:ltr; font-family:"Hedvig Letters Serif"; font-weight:400; font-style:normal; text-decoration:rgb(0,0,0); } #dmRoot *#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; } #dmRoot *#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:rgb(0,0,0); } #dmRoot *#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_7); direction:ltr; font-family:"Hedvig Letters Serif"; font-weight:400; font-style:normal; text-decoration:rgb(0,0,0); } #dmRoot *#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; } #dmRoot *#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:rgb(0,0,0); } *#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:rgb(33,90,135); } *#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); } *#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:rgba(35,135,119,1); } } @media (min-width:1025px) { #dmRoot #dm div.dmNewParagraph p, #dmRoot #dm div.dmNewParagraph li { font-size:17px; } #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:17px; } #dmRoot *#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 h1, *#dm div.dmFooter h1, *#dm div.p_hfcontainer h1, *#dm div.flex_hfcontainer h1, *#dm div.dm-title h1 { line-height:1.2; } #dmRoot *#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; } #dmRoot *#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; } #dmRoot *#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:22px; } #dmRoot *#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:20px; } #dmRoot *#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:18px; } #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:50px; } #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 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; } #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; } } @media (min-width:768px) and (max-width:1024px) { #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:17px; } #dmRoot *#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:40px; } #dmRoot *#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; } #dmRoot *#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:28px; } #dmRoot *#dm div.dmContent h3, #dmRoot *#dm div.dmFooter h3, #dmRoot *#dm div.p_hfcontainer h3, #dmRoot *#dm div.flex_hfcontainer h3, #dmRoot *#dm div.dm-title h3 { font-size:20px; } } @media (min-width:0px) and (max-width:767px) { #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:17px; } #dmRoot *#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:30px; } #dmRoot *#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:22px; } #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; } #dmRoot *#dm div.dmContent h2, #dmRoot *#dm div.dmFooter h2, #dmRoot *#dm div.p_hfcontainer h2, #dmRoot *#dm div.flex_hfcontainer h2, #dmRoot *#dm div.dm-title h2 { font-size:24px; } } /*** 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; } } /* Opening Hours "Uhr" */ time:nth-child(2):after { content: " Uhr"; } /* Paragraph Margins */ p { margin-bottom: 12px !important; } .dmNewParagraph[data-version] ul > li { padding-bottom: 10px; } .no-padding p { margin-bottom:0 !important; } /* Text-Widget 2 Spaltig */ .text2c { column-count:2; column-gap:4rem; } .text2c p { break-inside:avoid; margin:0 0 1rem 0; } /** KONTAKTFORMULAR **/ /* Abstand Re-Captcha des Kontaktformulars - auf eine höhe mit den anderen Feldern */ .frc-captcha { padding-left: 20px !important; margin-left: 8px !important; } /* Farbe des Schriftzugs "FriendlyCaptcha" auf den ursprünglichen Grauton zurückgesetzt */ .frc-captcha a { color: inherit !important; } /* Kontaktformular Farbe Sternchen (Pflichtfelder) */ .dmform.required-asterisk .required > label::after { color: var(--color_2); } /* 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; } /* Icon-Größe (zB Kontakticons / Footer) Text */ #dm .dmInner .iconsize[data-widget-type="paragraph"] .dmNewParagraph[data-element-type="paragraph"], #dm .iconsize [data-widget-type="paragraph"] .dmNewParagraph { background-size:28px !important; background-position: 0% 50% !important; background-repeat: no-repeat !important; padding:0px 0px 0px 45px !important; } /** GALERIE **/ /* Schriftgröße Fließtext in der Galerie*/ #dm .dmPhotoGallery.newPhotoGallery li.photoGalleryThumbs .caption-container .caption-inner .rteBlock, .dmPhotoGallery.newPhotoGallery .photoGalleryThumbs .caption-container .caption-inner p { font-size: inherit !important; line-height: inherit !important; } /* Mauszeiger (Cursor) bei Galerie auf Voreinstellungen zurücksetzen (= Wenn kein Link hinterlegt ist bleibt es ein Pfeil und wandelt sich nicht zur Hand um) */ .dmPhotoGallery { cursor: default !important; } /* 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, #dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'].flexButton { padding: 0px 10px !important; } /* Buttons: Globaler Abstand nach oben */ [data-widget-type]:has(>.dmWidget.flexButton) { margin-top: 20px !important; } /* hero image background position */ .hero [data-layout-grid] { background-position: 40% 20% !important; } /* CTA image background position */ .cta-bg [data-layout-grid] { background-position: 73% 30% !important; } @media all and (max-width:767px) { .cta-bg [data-layout-grid] { background-position: 82% 30% !important; } } /** WEBSITE-CHECK SELLWERK **/ #jmdcontent h1, #jmdcontent h2, #jmdcontent h3, #jmdcontent h4, #jmdcontent h5, #jmdcontent h6 { color: var(--color_1) !important; text-align: left !important; } #jmdcontent a { color: var(--color_1); } @media all and (max-width:767px) { #jsectionimpressum, #jsectiondatenschutzerklrung { -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; } } /*** WEBSITE SPECIFICS ***/ /* Subline Text (unter h1) */ .subline p { font-family: 'Caveat' !important; font-size:2em !important; line-height:1 !important; color:var(--color_6) !important; margin-top:5px !important; } /* Tagline Text (über Headlines) */ .tagline p { font-family: 'Caveat' !important; font-size:28px !important; line-height:1 !important; color:var(--color_6) !important; margin-bottom:0 !important; } /* Andere Schriftart (Schnörkeliger) - erstmal ausgeblendet, falls Sie aber doch wieder eine andere Schriftart möchte bitte oben ausblenden und diesen Bereich einblenden /* Subline Text (unter h1) * .subline p { font-family:'Corinthia' !important; font-size:2.8em !important; line-height:0.8 !important; color:var(--color_6) !important; margin-top:5px !important; } /* Tagline Text (über Headlines) * .tagline p { font-family:'Corinthia' !important; font-size:40px !important; line-height:1 !important; color:var(--color_6) !important; margin-bottom:0 !important; } */ /* CTA Headlines */ #dm .spot-cta p { font-family: 'Hedvig Letters Serif' !important; color: var(--color_7) !important; font-size: 1.6em !important; line-height:1.2 !important; margin-bottom:0 !important; } /* Footer Headlines */ #dm .spot-footer p { font-family: 'Hedvig Letters Serif' !important; color: var(--color_7) !important; font-size: 1.3em !important; line-height:1.2 !important; } /* Schriftfarbe Weiß für Dunkle Zeilen */ #dm .dark p, #dm .dark a, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a span.socialHubIcon { color: var(--color_3) !important; } /* Schriftstärke Buttons */ #dm .dmInner .dmWidget.flexButton .text, #dm .dmInner .flexButton .dmWidget .text { font-weight: 500 !important; } /* Schatten */ .shadow { box-shadow:var(--color_9) 3px 5px 10px !important; -webkit-box-shadow:var(--color_9) 3px 5px 10px !important; -moz-box-shadow:var(--color_9) 3px 5px 10px !important; } /* Zeitstrahl Jahreszahlen Anpassung */ .dmShape .container-padding { padding:0 !important; } .flex-element.widget-wrapper[data-widget-type="shape"] { min-width: 50px !important; min-height: 50px !important; } /* Kein Rahmen um den Termintool-iframe (Popup) */ iframe { border: none !important; } /* Header Social-Icons & Burgermenu behalten gleiche Farbe beim scrollen */ #flex-header[data-changeable-on-scroll][data-scrolling][data-changeable-on-scroll-properties*="|icon-fill|"] [data-element-type=social_hub] .socialHubIcon.style3, #flex-header[data-changeable-on-scroll][data-scrolling][data-changeable-on-scroll-properties*="|icon-fill|"] [data-element-type=social_hub] .socialHubIcon.style5, #flex-header[data-changeable-on-scroll][data-scrolling][data-changeable-on-scroll-properties*="|icon-fill|"] [data-element-type=social_hub] .socialHubIcon.style8, #flex-header[data-changeable-on-scroll][data-scrolling][data-changeable-on-scroll-properties*="|icon-fill|"] [data-element-type=social_hub] .socialHubIcon.style9, #flex-header[data-changeable-on-scroll][data-scrolling][data-changeable-on-scroll-properties*="|icon-fill|"] [data-element-type=graphic] svg { fill:var(--color_3) !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: 0px; --btn-border-radius: 50px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: 8px; --btn-border-br-radius: 8px; --btn-border-bl-radius: 8px; --btn-bg-color: var(--color_2); --btn-box-shadow: var(--color_9) 3px 0px 11px 0px; --btn-border-color: rgba(0, 0, 0, 0); --btn-border-tr-radius: 8px; --btn-border-r-width: var(--btn-border-width); --btn-bg-image: none; --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_3); --btn-text-decoration: none; --btn-text-font-weight: normal; --btn-icon-color: var(--color_3); --btn-icon-fill: rgb(247, 247, 247); --btn-icon-wrpr-display: none; --btn-hover-border-b-color: var(--btn-hover-border-color); --btn-hover-bg: var(--color_8); --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(0, 0, 0, 0); --btn-hover-text-color: var(--color_5); --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: 0px; --btn-border-radius: 50px; --btn-border-t-width: var(--btn-border-width); --btn-border-tl-radius: 8px; --btn-border-br-radius: 8px; --btn-border-bl-radius: 8px; --btn-bg-color: var(--color_1); --btn-border-color: var(--color_1); --btn-border-tr-radius: 8px; --btn-border-r-width: var(--btn-border-width); --btn-bg-image: none; --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_3); --btn-text-decoration: none; --btn-text-font-weight: normal; --btn-icon-color: rgb(247, 247, 247); --btn-icon-fill: rgb(247, 247, 247); --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: rgba(0, 0, 0, 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); } :root { --section-padding-top: 8%; --section-padding-left: 5%; --section-padding-right: 5%; --section-padding-bottom: 8%; --column-padding-top: 8%; --column-padding-right: 5%; --column-padding-left: 5%; --column-padding-bottom: 8%; --inner-column-padding-left: 16px; --inner-column-padding-right: 16px; --inner-column-padding-top: 16px; --inner-column-padding-bottom: 16px; } } @media (min-width: 1025px) { :root { --btn-text-font-size: 17px; } } @media (min-width: 768px) and (max-width: 1024px) { :root { --btn-text-font-size: 15px; } } @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: 8%; --section-padding-left: 5%; --section-padding-right: 5%; --section-padding-bottom: 8%; --column-padding-top: 8%; --column-padding-right: 5%; --column-padding-left: 5%; --column-padding-bottom: 8%; } } @media (min-width: 0px) and (max-width: 767px) { :root { --btn-text-font-size: 14px; } } @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: 30px; --section-padding-left: 20px; --section-padding-right: 20px; --section-padding-bottom: 30px; --column-padding-top: 30px; --column-padding-right: 20px; --column-padding-left: 20px; --column-padding-bottom: 30px; } } #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); background-image: var(--btn-bg-image); 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); box-shadow: var(--btn-box-shadow); 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_1739147227.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_1955422817 { width:100% !important; } *#dm .dmInner *.u_1739147227 { justify-content:center !important; } *#dm .dmInner div.u_1926512115 img { object-fit:contain !important; } *#dm .dmInner div.u_1785880356 hr { border-width:1px !important; color:var(--color_6) !important; } *#dm .dmInner div.u_1447668979 hr { border-width:1px !important; color:var(--color_6) !important; } *#dm .dmInner div.u_1224698188 hr { border-width:1px !important; color:var(--color_6) !important; } *#dm .dmInner div.u_1562125563 { background-repeat:no-repeat !important; background-image:url(https://de.cdn-website.com/209f993015094cdeab60f8e146931214/dms3rep/multi/Phone--Streamline-Ultimate.svg) !important; background-size:cover !important; } *#dm .dmInner div.u_1726490772 { background-repeat:no-repeat !important; background-image:url(https://de.cdn-website.com/209f993015094cdeab60f8e146931214/dms3rep/multi/Email-Action-Unread--Streamline-Ultimate.svg) !important; background-size:cover !important; } *#dm .dmInner div.u_1987475928 { background-repeat:no-repeat !important; background-image:url(https://de.cdn-website.com/209f993015094cdeab60f8e146931214/dms3rep/multi/Real-Estate-Location-Building-Pin--Streamline-Ultimate.svg) !important; background-size:cover !important; } *#dm .dmInner div.u_1366961914 .socialHubIcon { background-color:var(--color_3) !important; color:var(--color_7) !important; width:36px !important; height:36px !important; font-size:24px !important; line-height:36px !important; } *#dm .dmInner nav.u_1739147227.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_2) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner nav.u_1739147227.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:var(--color_5) !important; text-transform:uppercase !important; } *#dm .dmInner nav.u_1739147227.main-navigation.unifiednav:not([data-nav-structure="VERTICAL"]) .unifiednav__container[data-depth] { box-shadow:rgba(0,0,0,0.15) 0px 3px 11px 0px !important; } *#dm .dmInner nav.u_1739147227.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { color:var(--color_5) !important; } *#dm .dmInner nav.u_1739147227.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { background-color:var(--color_1) !important; background-image:none !important; color:var(--color_3) !important; } *#dm .dmInner nav.u_1739147227.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { background-color:var(--color_1) !important; background-image:none !important; color:var(--color_3) !important; } *#dm .dmInner nav.u_1739147227.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { background-color:var(--color_1) !important; background-image:none !important; color:var(--color_3) !important; } *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:var(--color_3) !important; } *#dm .dmInner div.u_1040364283 .socialHubInnerDiv { column-gap:14px !important; } *#dm .dmInner div.u_1040364283 .socialHubIcon { background-color:var(--color_3) !important; color:var(--color_7) !important; width:36px !important; height:36px !important; font-size:24px !important; line-height:36px !important; } *#dm .dmInner div.u_1116241391 .svg { fill:var(--color_3) !important; } *#dm .dmInner div.u_1116241391:hover .svg { fill:var(--color_3) !important; } *#dm .dmInner div.u_1116241391.hover .svg { fill:var(--color_3) !important; } *#dm .dmInner div.u_1116241391:hover { background-color:var(--color_7) !important; background-image:none !important; } *#dm .dmInner div.u_1116241391.hover { background-color:var(--color_7) !important; background-image:none !important; } *#dm .dmInner *.u_1116241391 .svg { width:100% !important; } *#dm .dmInner div.u_1116241391 { padding:12.5% !important; border-radius:25% !important; border-color:rgb(33,90,135) rgb(33,90,135) rgb(33,90,135) rgb(33,90,135) !important; border-style:solid !important; background-image:none !important; background-color:var(--color_1) !important; border-width:1px 1px 1px 1px !important; } *#dm .dmInner nav.u_1109826575.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_2) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important; } *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-family:Montserrat !important; color:rgb(51,51,51) !important; direction:ltr !important; padding-top:10px !important; font-weight:400 !important; text-decoration:none !important; padding-left:15px !important; font-size:18px !important; padding-bottom:10px !important; font-style:normal !important; margin-right:0px !important; margin-left:0px !important; text-transform:none !important; justify-content:flex-start !important; margin-top:0px !important; margin-bottom:1px !important; text-align:left !important; padding-right:15px !important; } *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item:hover { color:var(--color_3) !important; text-decoration:none !important; background-color:var(--color_1) !important; background-image:none !important; } *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.hover { color:var(--color_3) !important; text-decoration:none !important; background-color:var(--color_1) !important; background-image:none !important; } *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item.dmNavItemSelected { color:var(--color_3) !important; text-decoration:none !important; background-color:var(--color_1) !important; background-image:none !important; } *#dm .dmInner div.u_1773257093 { background-repeat:no-repeat !important; background-image:none !important; background-size:cover !important; } *#dm .dmInner div.u_1599408988 { background-repeat:no-repeat !important; background-image:none !important; background-size:cover !important; } *#dm .dmInner div.u_1111500109 { background-repeat:no-repeat !important; background-image:none !important; background-size:cover !important; } *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgb(51,51,51) !important; text-transform:uppercase !important; direction:ltr !important; border-bottom-left-radius:0px !important; padding-top:15px !important; font-weight:400 !important; text-decoration:rgb(51,51,51) !important; padding-left:0px !important; font-size:20px !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; border-top-left-radius:0px !important; justify-content:flex-start !important; font-family:Montserrat !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:0px !important; } *#dm .dmInner div.u_1366961914 .socialHubInnerDiv { column-gap:14px !important; justify-content:flex-start !important; } } @media (min-width:768px) { *.stickyHeaderSpacer { height:249.2734375px !important; } *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:50vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(50vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-50vw,0) !important; } div[dmtemplateid="FlexHeader"] .layout-drawer-overlay { background-color:rgba(0,0,0,0.6) !important; } } @media (min-width:0) and (max-width:767px) { *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:75vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(75vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-75vw,0) !important; } *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { font-size:20px !important; } *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::before { font-size:20px !important; } *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav:not([data-nav-structure='VERTICAL']) .unifiednav__container:not([data-depth])>.unifiednav__item-wrap:not(:last-child)::after { font-size:20px !important; } *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:18px !important; } } @media (min-width:1025px) { *#dm .dmInner *#hamburger-drawer.layout-drawer:not([data-origin="top"]) { width:40vw !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(40vw,0) !important; } *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-40vw,0) !important; } } @media (min-width:0px) and (max-width:767px) { *#dm .dmInner div#hamburger-drawer { padding-top:0px !important; padding-bottom:0px !important; padding-right:0px !important; padding-left:0px !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_1040364283 .socialHubIcon { width:35px !important; height:35px !important; font-size:23px !important; line-height:35px !important; } *#dm .dmInner div.u_1040364283 .socialHubInnerDiv { column-gap:15px !important; justify-content:flex-start !important; } *#dm .dmInner div.u_1366961914 .socialHubInnerDiv { justify-content:flex-start !important; } } @media (min-width:768px) and (max-width:1024px) { *#dm .dmInner nav.u_1109826575.main-navigation.unifiednav .unifiednav__container[data-depth] .unifiednav__item { font-size:16px !important; } *#dm .dmInner div.u_1366961914 .socialHubInnerDiv { justify-content:flex-start !important; } *#dm .dmInner div.u_1040364283 .socialHubInnerDiv { justify-content:flex-start !important; } } @media all and (min-width:1025px) {} @media all { #flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img { width: 66%; } #flex-header { background-color: rgba(0,0,0,0); background-image: initial; border-style: solid; border-color: #000000 #000000 var(--color_1) #000000; border-width: 0px 0px 0px 0px; padding: 10px 1% 10px 1%; margin: 0px 0% 0px 0%; } #flex-header[data-changeable-on-scroll] { --header-on-scroll-text-color: var(--color_5); --header-on-scroll-icon-color: var(--color_5); } #flex-header[data-changeable-on-scroll][data-scrolling] { padding-top: 10px; padding-bottom: 0px; background-color: rgba(0,0,0,0); background-image: none; } } @media (min-width: 1025px) { } @media (min-width: 768px) and (max-width: 1024px) { } @media (min-width: 768px) and (max-width: 1024px) { #flex-header { padding: 10px 2% 10px 2%; margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { } @media (max-width: 767px) { #flex-header { padding: 10px 2% 10px 2%; margin: 0px 0% 0px 0%; } } @media all { #flex-footer { background-color: var(--color_4); background-image: initial; border-style: solid; border-width: 0px 0 0 0; border-color: var(--color_9) #000000 #000000 #000000; } } @media (min-width: 768px) and (max-width: 1024px) { #flex-footer { } } @media (max-width: 767px) { #flex-footer { } } @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: space-between; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a376 { background-color: rgba(0,0,0,0); background-image: initial; } #\36 3a049320d35b55b4ef2a377 { min-height: 752px; column-gap: 4%; row-gap: 24px; width: 100%; flex-wrap: nowrap; padding: 4% 4% 2% 4%; margin: 0% 0% 0% 0%; } #\36 2d6a167a824ca526194d9a5 { background-color: rgba(232, 255, 133, 1); } #\30 87b839f a { background-color: rgba(0,0,0,0); } #\30 87b839f svg { fill: var(--color_5); } #\30 87b839f { width: 30px; height: 30px; max-width: 100%; } #\39 8cc84e6 { width: 99.99547351822652%; height: auto; max-width: 100%; } #c8ff47e1 { width: 99.99330521523733%; height: auto; max-width: 100%; } #\30 3d8d9d4 { width: 459.109px; height: auto; max-width: 100%; } #\33 2fcb9ae { width: 99.99547351822652%; height: auto; max-width: 100%; } #e86311c6.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #e86311c6 { width: auto; height: auto; max-width: 100%; } #group_hoi { align-items: flex-start; width: 100%; min-height: 160px; max-height: 100%; row-gap: 24px; column-gap: 24px; } #\32 6ddfa5c { align-items: flex-start; width: 100%; min-height: 160px; max-height: 100%; row-gap: 24px; column-gap: 24px; background-color: var(--color_4); background-image: none; } #\31 7f56647 { width: 100%; height: auto; max-width: 100%; order: 0; align-self: auto; justify-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media (min-width: 768px) and (max-width: 1024px) { #\36 3a049320d35b55b4ef2a374 { justify-content: space-between; row-gap: 0px; width: 100%; min-height: 100vh; height: auto; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a377 { min-height: 0; flex-direction: column; flex-wrap: nowrap; row-gap: 40px; padding: 0% 0% 0% 0%; } #\30 87b839f { order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\36 3a049320d35b55b4ef2a373 { margin: 0px 0% 0px 0%; } #e86311c6.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #e86311c6 { justify-self: auto; align-self: auto; order: 4; width: 100%; margin: 3px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\30 3d8d9d4 { width: 259px; justify-self: auto; align-self: auto; order: 1; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #group_hoi { align-items: flex-end; justify-content: flex-start; row-gap: 0px; align-self: stretch; width: 100%; max-width: 100%; padding: 40px 30px 40px 30px; margin: 0px 0px 0px 0px; } #\32 6ddfa5c { align-self: stretch; width: 100%; max-width: 100%; justify-content: flex-end; row-gap: 2px; padding: 30px 30px 30px 30px; margin: 0px 0px 0px 0px; } #c8ff47e1 { justify-self: auto; align-self: auto; width: 99.99069069069068%; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\39 8cc84e6 { justify-self: auto; align-self: auto; width: 99.99105339105338%; order: 2; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\33 2fcb9ae { justify-self: auto; align-self: auto; width: 99.99105339105338%; order: 3; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media (max-width: 767px) { #\36 3a049320d35b55b4ef2a374 { min-height: 95vh; justify-content: space-between; width: 100%; height: auto; row-gap: 0px; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a377 { min-height: 0; flex-direction: column; flex-wrap: nowrap; row-gap: 50px; padding: 0% 0% 0% 0%; } #\36 3a049320d35b55b4ef2a373 { margin: 0px 0% 0px 0%; } #\30 3d8d9d4 { width: 260px; } #e86311c6.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #e86311c6 { margin-top: 5px; width: 100%; } #group_hoi { align-items: flex-end; justify-content: flex-start; row-gap: 0px; align-self: stretch; width: 100%; max-width: 100%; padding: 20px 20px 20px 20px; margin: 0px 0px 0px 0px; } #\32 6ddfa5c { justify-content: flex-end; align-self: stretch; width: 100%; max-width: 100%; row-gap: 0px; padding: 20px 20px 20px 20px; margin: 0px 0px 0px 0px; } } @media all { #bdaef87f { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 100%; min-width: 4%; align-items: flex-end; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\31 75f1d6b { min-height: 0px; column-gap: 4%; row-gap: 24px; width: 100%; padding: 2% 4% 2% 4%; margin: 0% 0% 0% 0%; } } @media (min-width: 768px) and (max-width: 1024px) { #\31 75f1d6b { min-height: 77px; padding: 0% 4% 0% 4%; } #c8637456 { margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { #bdaef87f { width: 100%; min-height: 10vh; } #\31 75f1d6b { min-height: unset; flex-direction: column; padding-left: 0px; padding-right: 0px; } } @media all { #\34 77f5aa8 { 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%; } #\39 989fb87 { grid-template-rows: minmax(300px, max-content); width: 100%; max-width: 100%; } #\36 90215e1 { 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 (min-width: 768px) and (max-width: 1024px) { #\34 77f5aa8 { padding-left: 2%; padding-right: 2%; } } @media (max-width: 767px) { #\34 77f5aa8 { min-height: 0; flex-direction: column; padding-left: 4%; padding-right: 4%; flex-wrap: nowrap; } #\36 90215e1 { width: 100%; min-height: 80px; align-items: center; } } @media all { #\37 4684207 { width: 60px; height: 60px; max-width: 100%; } #\36 db4180f { min-height: 0px; column-gap: 0%; row-gap: 0px; width: 100%; flex-wrap: nowrap; max-width: none; padding: 0% 4% 0% 4%; margin: 0% 0% 0% 0%; } #b8d56cd9 { background-color: var(--color_10); background-image: none; border-width: 0px 0px 0px 0px; border-color: #000000 #000000 #000000 #000000; border-style: solid; border-radius: 30px 30px 30px 30px; box-shadow: var(--color_9) 0px 3px 11px 0px; } #\36 f0fb6ee { width: 100%; height: auto; max-width: 100%; justify-self: auto; order: 0; grid-area: auto / auto / auto / auto; } #\30 a0638d0 { flex-direction: row; justify-content: flex-start; align-items: center; width: 15%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #\35 0a05a44 { flex-direction: row; align-items: center; width: 65%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #\36 05e294a { flex-direction: row; justify-content: flex-end; align-items: center; width: 20%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; padding: 0px 0px 20px 0px; margin: 0% 0% 0% 0%; } #cf6b31d4 { width: 150px; height: auto; max-width: 100%; justify-self: auto; align-self: auto; order: 0; grid-area: auto / auto / auto / auto; } #\36 7db67f8 { min-height: 8px; column-gap: 4%; row-gap: 24px; flex-direction: row; width: 25%; justify-content: flex-end; align-items: center; min-width: 4%; order: 0; padding: 16px 16px 16px 16px; margin: 0% 0% 0% 0%; } #\38 8e89626 svg { fill: var(--color_5); } #\38 8e89626 { width: 30px; height: 30px; } #\31 877931f { width: 280px; height: auto; min-height: 55px; max-width: 100%; order: 0; justify-self: auto; align-self: auto; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } } @media (min-width: 768px) and (max-width: 1024px) { #\37 4684207 { width: 32px; height: 32px; order: 0; } #\36 db4180f { min-height: 0px; flex-direction: row; flex-wrap: nowrap; padding: 0% 4% 0% 4%; } #\30 a0638d0 { width: 25%; justify-content: flex-start; order: 0; min-height: 8px; padding: 0px 0px 0px 0px; margin: 0% 0% 0% -0.0011659701492537314%; } #\35 0a05a44 { width: 25.000291492537315%; order: 1; justify-content: flex-end; padding-right: 50px; min-height: 8px; } #\36 05e294a { width: 60.00116597014926%; order: 2; justify-content: flex-end; min-height: 8px; padding: 0px 0px 20px 0px; margin: 0% 0% 0% 0%; } #cf6b31d4 { width: 130px; height: auto; } #\36 7db67f8 { width: 15%; min-height: 8px; order: 3; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #\39 b58f41f { margin: 0px 0% 0px 0%; } #\38 8e89626.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\38 8e89626 { height: 40px; width: 40px; margin: 0px 0% 0px 0px; } } @media (max-width: 767px) { #\37 4684207.flex-element.widget-wrapper > [data-element-type] { padding: 5px 5px 5px 5px; } #\37 4684207 { width: 45px; height: 45px; margin: 0px 0% 0px 0%; } #\36 db4180f { min-height: 0px; flex-direction: row; flex-wrap: nowrap; padding: 0% 20px 0% 20px; } #\30 a0638d0 { width: 50.00000000000001%; justify-content: center; order: 1; min-height: 8px; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #\35 0a05a44 { width: 25%; order: 2; min-height: 8px; } #\36 05e294a { width: 25%; order: 0; justify-content: flex-start; min-height: 8px; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #cf6b31d4 { width: 110px; height: auto; } #\36 7db67f8 { align-items: center; width: 25%; min-height: 8px; order: 3; padding: 0px 0px 0px 0px; margin: 0% 0% 0% 0%; } #\39 b58f41f { margin: 0px 0% 0px 0%; } #\31 877931f { width: 100%; min-height: 54px; margin: 0px 0% 0px 0%; } #\38 8e89626 { width: 35px; height: 35px; } } @media all { #\32 30ba79c { min-height: 8px; column-gap: 4%; row-gap: 6px; width: 28%; min-width: 4%; background-color: rgba(0, 0, 0, 0); order: 1; justify-content: flex-start; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #a69c6e9a { min-height: 8px; column-gap: 4%; row-gap: 6px; width: 25%; min-width: 4%; background-color: rgba(0, 0, 0, 0); order: 1; justify-content: flex-start; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\35 525bfb0 { background-color: rgba(0,0,0,0); background-image: initial; } #\34 afa307c { width: 99.99547351822652%; height: auto; max-width: 100%; order: 4; grid-area: auto / auto / auto / auto; } #\30 ebd312c { width: 99.99547351822652%; height: auto; max-width: 100%; order: 0; grid-area: auto / auto / auto / auto; } #\36 108d954 { min-height: 240px; column-gap: 4%; row-gap: 24px; width: 100%; flex-wrap: nowrap; max-width: none; padding: 3% 5% 3% 5%; margin: 0% 0% 0% 0%; } #ba9c8946.flex-element.widget-wrapper > [data-element-type] { padding-top: 2px; padding-bottom: 2px; } #ba9c8946 { width: 100%; height: auto; min-height: 1px; max-width: 100%; align-self: auto; justify-self: auto; order: 1; margin-right: 0%; margin-left: 0%; margin-bottom: 15px; grid-area: auto / auto / auto / auto; } #\34 d96a074 { width: 99.99330521523733%; height: auto; max-width: 100%; order: 0; justify-self: auto; align-self: auto; grid-area: auto / auto / auto / auto; } #\36 3c7b8b76c596a2813341bc5 { height: auto; } #eaa32361 { width: 264px; height: auto; max-width: 100%; order: 2; grid-area: auto / auto / auto / auto; } #\36 eb41f52 { width: 99.99547351822652%; height: auto; max-width: 100%; order: 3; grid-area: auto / auto / auto / auto; } #\39 ac3f87b { width: 345px; height: auto; max-width: 100%; order: 0; grid-area: auto / auto / auto / auto; } #a2ba5574 { width: 20%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 0; justify-content: flex-start; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #a2effc41.flex-element.widget-wrapper > [data-element-type] { padding-top: 2px; padding-bottom: 2px; } #a2effc41 { width: 100%; height: auto; min-height: 1px; max-width: 100%; align-self: auto; justify-self: auto; order: 1; margin-right: 0%; margin-left: 0%; margin-bottom: 15px; grid-area: auto / auto / auto / auto; } #widget_4e2 { width: 330px; height: auto; max-width: 100%; order: 3; } #c0fddc20 { margin: 0px 0% 0px 0%; } #\33 09abf69.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\33 09abf69 { width: 100%; height: auto; max-width: 100%; align-self: auto; justify-self: auto; order: 4; margin: 10px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #widget_1jh { width: 100%; height: auto; max-width: 100%; order: 4; margin-top: 10px; } #group_hms { justify-content: flex-start; align-items: flex-end; width: 15%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 2; padding: 0% 0% 0% 0%; margin: 0px 0% 0px 0%; } #widget_5i5 { width: 150px; height: auto; max-width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { #\32 30ba79c { order: 1; align-items: flex-start; width: 100%; min-height: 80px; height: auto; row-gap: 6px; margin: 0% 0% 0% 0%; } #a69c6e9a { order: 2; align-items: flex-start; width: 100%; min-height: 80px; height: auto; margin: 0% 0% 0% 0%; } #\30 ebd312c { order: 0; } #a2ba5574 { order: 0; width: 100%; min-height: 80px; height: auto; margin: 0% 0% 0% 0%; } #\36 108d954 { flex-direction: column; flex-wrap: nowrap; min-height: 0; column-gap: 1%; row-gap: 35px; padding: 5% 5% 5% 5%; } #a2effc41 { order: 1; } #eaa32361 { width: 489px; } #\39 ac3f87b { width: 250px; height: auto; } #c0fddc20 { margin: 0px 0% 0px 0%; } #widget_4e2 { width: 330px; } #group_hms { width: 100%; min-height: 80px; align-items: flex-start; } #\33 09abf69.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\33 09abf69 { margin: 10px 0% 0px 0%; } } @media (max-width: 767px) { #\32 30ba79c { width: 100%; min-height: 80px; align-self: auto; order: 1; row-gap: 6px; } #a69c6e9a { width: 100%; min-height: 80px; align-self: auto; order: 2; } #a2ba5574 { width: 100%; min-height: 80px; order: 0; height: auto; } #\36 108d954 { min-height: 0; flex-direction: column; row-gap: 40px; flex-wrap: nowrap; padding: 30px 20px 30px 20px; } #c0fddc20 { margin: 0px 0% 0px 0%; } #\39 ac3f87b { width: 200px; height: auto; } #eaa32361 { width: 260px; } #widget_4e2 { width: 330px; } #group_hms { width: 100%; min-height: 80px; align-items: flex-start; } #\33 09abf69.flex-element.widget-wrapper > [data-element-type] { padding: 0px 0px 0px 0px; } #\33 09abf69 { width: 100%; margin: 10px 0% 0px 0%; } } @media all { #d42d02c3 { background-color: rgba(0,0,0,0); background-image: initial; } #\39 5596c3b.flex-element.widget-wrapper > [data-element-type] { padding-top: 2px; padding-bottom: 2px; } #\39 5596c3b { width: 100%; height: auto; min-height: 1px; max-width: 100%; align-self: auto; justify-self: auto; order: 0; margin: 0px 0% 0px 0%; grid-area: auto / auto / auto / auto; } #\37 d38831a { min-height: 8px; column-gap: 4%; row-gap: 24px; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; min-width: 4%; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #ad614bf6 { min-height: 8px; column-gap: 0%; row-gap: 0px; width: 100%; flex-wrap: nowrap; max-width: none; padding: 0% 5% 0% 5%; margin: 0% 0% 0% 0%; } #\35 679409c { margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { #\37 d38831a { width: 100%; align-items: center; min-height: 8px; } #ad614bf6 { flex-direction: row; flex-wrap: nowrap; min-height: 0px; padding: 0% 20px 0% 20px; } #\35 679409c { margin: 0px 0% 0px 0%; } } @media all { #\36 3c7b8b76c596a2813341bc5 { height: auto; } #d91d7187 { width: 100%; height: auto; max-width: 100%; align-self: flex-start; order: 0; grid-area: auto / auto / auto / auto; } #fbb72ede { width: 78.94566371681417%; min-width: 4%; min-height: 8px; column-gap: 4%; row-gap: 24px; order: 0; justify-content: flex-start; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #\34 73f8885 { background-color: rgba(0,0,0,0); background-image: initial; } #d4c87805 { width: 100%; height: auto; max-width: 100%; } #b00c4f45 { min-height: 8px; column-gap: 4%; row-gap: 24px; width: 20%; min-width: 4%; background-color: rgba(0, 0, 0, 0); order: 1; justify-content: flex-start; align-items: flex-end; padding: 0% 0% 0% 0%; margin: 0% 0% 0% 0%; } #c050b6ab { min-height: 49px; column-gap: 1%; row-gap: 6px; width: 100%; flex-wrap: nowrap; max-width: none; padding: 1% 5% 1% 5%; margin: 0% 0% 0% 0%; } #\32 7f56b05 { margin: 0px 0% 0px 0%; } } @media (min-width: 768px) and (max-width: 1024px) { #fbb72ede { width: 100%; min-height: 0px; align-items: center; order: 0; height: auto; margin: 0% 0% 0% 0%; } #b00c4f45 { order: 1; align-items: flex-start; width: 100%; min-height: 0px; height: auto; margin: 0% 0% 0% 0%; } #c050b6ab { flex-direction: column; flex-wrap: nowrap; min-height: 0; column-gap: 1%; row-gap: 15px; padding: 20px 5% 20px 5%; } #\32 7f56b05 { margin: 0px 0% 0px 0%; } } @media (max-width: 767px) { #fbb72ede { width: 100%; min-height: 25px; align-items: center; align-self: auto; order: 0; height: auto; } #b00c4f45 { width: 100%; min-height: 25px; align-self: auto; order: 1; align-items: flex-start; height: auto; } #c050b6ab { min-height: 0; flex-direction: column; row-gap: 15px; flex-wrap: nowrap; padding: 5% 20px 5% 20px; } #\32 7f56b05 { margin: 0px 0% 0px 0%; } #d91d7187 { width: 235px; } }