@import url("fontawesome/css/all.min.css"); :root { --tw-surface: #f8f9fa; --tw-surface-low: #f3f4f5; --tw-surface-container: #edeeef; --tw-white: #ffffff; --tw-text: #191c1d; --tw-text-muted: #404944; --tw-primary: #4a7c66; --tw-primary-dark: #31634e; --tw-primary-soft: #e8f1ee; --tw-navy: #0d2c61; --tw-outline: #c0c9c2; --tw-radius: 8px; --tw-radius-card: 16px; --tw-radius-xl: 24px; --tw-container: 1200px; --tw-shadow: 0 16px 35px rgba(49, 99, 78, 0.08); --tw-darkgreen: #285844; --tw-sage: #a8c4b5; --tw-mint: #dcebe4; --tw-navy-soft: #e9eef6; --tw-sand: #ede5d8; --tw-warmgray: #e7e3dd; --tw-coral-soft: #fbe7e4; } html { scroll-behavior: smooth; scroll-padding-top: 55px; } body.admin-bar { scroll-padding-top: 87px; } [id] { scroll-margin-top: 55px; } body { background: var(--tw-surface); color: var(--tw-text); font-family: "Jost", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; overflow-wrap: break-word; word-wrap: break-word; word-break: normal; hyphens: auto; } body, button, input, select, textarea { font-family: "Jost", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } h1, h2, h3, h4, h5, h6 { color: var(--tw-navy); font-weight: 700; line-height: 1.2; overflow-wrap: normal; word-break: normal; hyphens: none; } button, a { overflow-wrap: normal; word-break: normal; hyphens: none; } h1 { font-weight: 600; } h1 strong { font-weight: 800; } strong { font-weight: 600; } h1.title.entry-title { color: #fff; font-size: 300%; } h2.dhp-organic-hero__heading.dhp_oh_fade.dhp_oh_fade_visible { line-height: 1.3; } div.dhp-organic-hero__content > div > h2 > strong { font-weight: 900; } a { color: var(--tw-primary-dark); } a:hover { color: var(--tw-navy); } a[target="_blank"]::after { font-family: var(--fa-style-family, "Font Awesome 6 Free"); content: "\f35d"; font-weight: 600; margin: 0 3px 0 5px; color: var(--text-color) !important; font-size: 90% !important; } .page .nv-post-cover { margin-bottom: 0; } .tw-home *, .tw-home *::before, .tw-home *::after { box-sizing: border-box; } .tw-home { overflow: clip; } .tw-container { width: min(calc(100% - 40px), var(--tw-container)); margin-inline: auto; } .tw-section { padding-block: 96px; } .tw-section--soft { background: var(--tw-primary-soft); } .tw-eyebrow { margin: 0 0 12px; color: var(--tw-primary); font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .tw-title { margin: 0; font-size: clamp(28px, 4vw, 48px); font-weight: 800; letter-spacing: -0.02em; } .tw-section-title { margin: 0; font-size: clamp(28px, 3vw, 32px); text-align: center; } .tw-section-title::after { content: ""; display: block; width: 64px; height: 3px; margin: 18px auto 0; border-radius: 99px; background: var(--tw-primary); } .tw-hero { display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; gap: 64px; min-height: 640px; padding-block: 80px; } .tw-hero__lead { max-width: 650px; margin: 20px 0 0; color: var(--tw-text-muted); font-size: 18px; } .tw-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; } .tw-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border: 1px solid transparent; border-radius: var(--tw-radius); font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; } .tw-button:hover { transform: translateY(-2px); } .tw-button--primary { background: var(--tw-primary); color: #fff !important; box-shadow: 0 10px 22px rgba(49, 99, 78, 0.16); } .tw-button--primary:hover { background: var(--tw-primary-dark); } .tw-button--ghost { border-color: var(--tw-primary); color: var(--tw-navy) !important; background: transparent; } .tw-hero__visual { position: relative; } .tw-hero__visual::before { content: ""; position: absolute; inset: 22px -20px -22px 22px; z-index: 0; border-radius: 36% 64% 44% 56% / 48% 38% 62% 52%; background: var(--tw-primary-soft); transform: rotate(2deg); } .tw-hero__visual img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--tw-radius-xl); box-shadow: var(--tw-shadow); } .tw-services { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 48px; } .tw-card { display: flex; flex-direction: column; min-height: 100%; padding: 32px 26px; border: 1px solid rgba(192, 201, 194, 0.65); border-radius: var(--tw-radius-card); background: #fff; box-shadow: var(--tw-shadow); text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; } .tw-card:hover { transform: translateY(-5px); box-shadow: 0 18px 30px rgba(49, 99, 78, 0.12); } .tw-card__icon { display: grid; place-items: center; width: 82px; height: 82px; margin: 0 auto 18px; border-radius: 50%; background: var(--tw-primary-soft); } .tw-card__icon img { width: 64px; height: 64px; object-fit: contain; } .tw-card h3 { margin: 0 0 12px; font-size: 24px; } .tw-card p { margin: 0 0 24px; color: var(--tw-text-muted); } .tw-card a { margin-top: auto; font-weight: 700; text-decoration: none; } .tw-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; } .tw-info-panel { padding: 32px; border-radius: var(--tw-radius-card); background: #fff; box-shadow: var(--tw-shadow); } .tw-info-panel h3 { margin-top: 0; font-size: 24px; } .tw-checks { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; } .tw-checks li { position: relative; padding-left: 32px; color: var(--tw-text-muted); font-weight: 600; } .tw-checks li::before { content: "✓"; position: absolute; left: 0; top: 0.05em; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--tw-primary); color: #fff; font-size: 13px; } .page-id-1186 .tw-team { display: flex; gap: 10px; margin-top: 24px; } .page-id-1186 .tw-team img { width: 64px; height: 64px; border: 3px solid var(--tw-primary-soft); border-radius: 50%; object-fit: cover; } .tw-contact { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 48px; } .tw-contact__item { display: flex; gap: 16px; align-items: flex-start; padding: 24px; border-radius: var(--tw-radius-card); background: #fff; box-shadow: var(--tw-shadow); } .tw-contact__icon { flex: 0 0 56px; width: 56px; height: 56px; object-fit: contain; } .tw-contact__item h3 { margin: 0 0 6px; font-size: 18px; } .tw-contact__item p { margin: 0; color: var(--tw-text-muted); font-size: 14px; } .tw-contact__item a { font-weight: 700; text-decoration: none; } .tw-home-footer { padding-block: 28px; background: var(--tw-navy); color: rgba(255, 255, 255, 0.75); font-size: 13px; } .tw-home-footer__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; } .tw-home-footer nav { display: flex; flex-wrap: wrap; gap: 20px; } .tw-home-footer a { color: rgba(255, 255, 255, 0.82); text-decoration: none; } .tw-home-footer a:hover { color: #fff; } .tw-home-footer p { margin: 0; } .wp-block-button__link, .o-button, .wp-block-themeisle-blocks-button { border-radius: var(--tw-radius); } input:not([type="checkbox"]):not([type="radio"]), textarea, select { border-radius: var(--tw-radius); } input:focus, textarea:focus, select:focus { border-color: var(--tw-primary); outline-color: var(--tw-primary); } div.site-logo a:hover { color: unset; } p.site-title, p.site-title small { line-height: 1; } .header a.button[href^="https://wa.me/"], .header a.button[href*="//wa.me/"] { display: inline-flex; align-items: center; gap: 5px; padding: 0 !important; min-height: 0; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none; white-space: nowrap; font-size: 0.85em !important; font-weight: 300 !important; } .header a.button[href^="https://wa.me/"]::before, .header a.button[href*="//wa.me/"]::before { content: ""; display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.52 2 2.04 6.48 2.04 12c0 1.76.46 3.48 1.33 5L2 22l5.12-1.34A9.96 9.96 0 0 0 12.04 22c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 18.2a8.18 8.18 0 0 1-4.17-1.14l-.3-.18-3.04.8.81-2.96-.2-.31A8.17 8.17 0 0 1 3.85 12a8.19 8.19 0 1 1 8.19 8.2zm4.49-6.13c-.25-.12-1.46-.72-1.69-.8-.23-.08-.4-.12-.57.12-.16.25-.64.8-.78.97-.14.16-.29.18-.53.06-.25-.12-1.04-.38-1.98-1.22-.73-.65-1.23-1.46-1.37-1.71-.14-.25-.02-.38.11-.5.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.16.04-.31-.02-.43-.06-.12-.57-1.37-.78-1.88-.21-.5-.42-.43-.57-.44h-.49c-.16 0-.43.06-.65.31-.23.25-.86.84-.86 2.05s.88 2.38 1 2.54c.12.16 1.73 2.64 4.19 3.7.59.25 1.04.4 1.4.51.59.19 1.12.16 1.54.1.47-.07 1.46-.6 1.67-1.17.21-.58.21-1.07.14-1.17-.06-.1-.22-.16-.47-.28z'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.52 2 2.04 6.48 2.04 12c0 1.76.46 3.48 1.33 5L2 22l5.12-1.34A9.96 9.96 0 0 0 12.04 22c5.52 0 10-4.48 10-10s-4.48-10-10-10zm0 18.2a8.18 8.18 0 0 1-4.17-1.14l-.3-.18-3.04.8.81-2.96-.2-.31A8.17 8.17 0 0 1 3.85 12a8.19 8.19 0 1 1 8.19 8.2zm4.49-6.13c-.25-.12-1.46-.72-1.69-.8-.23-.08-.4-.12-.57.12-.16.25-.64.8-.78.97-.14.16-.29.18-.53.06-.25-.12-1.04-.38-1.98-1.22-.73-.65-1.23-1.46-1.37-1.71-.14-.25-.02-.38.11-.5.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.16.04-.31-.02-.43-.06-.12-.57-1.37-.78-1.88-.21-.5-.42-.43-.57-.44h-.49c-.16 0-.43.06-.65.31-.23.25-.86.84-.86 2.05s.88 2.38 1 2.54c.12.16 1.73 2.64 4.19 3.7.59.25 1.04.4 1.4.51.59.19 1.12.16 1.54.1.47-.07 1.46-.6 1.67-1.17.21-.58.21-1.07.14-1.17-.06-.1-.22-.16-.47-.28z'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; mask-size: contain; } .header a.button[href^="https://wa.me/"]:hover, .header a.button[href*="//wa.me/"]:hover, .header a.button[href^="https://wa.me/"]:focus, .header a.button[href*="//wa.me/"]:focus { background: transparent !important; box-shadow: none !important; } div.hfg-slot.left > div > div.item--inner.builder-item--button_base > div > a::after { font-size: 0.85em !important; } ul.nv-contact-list.left a:hover { color: #fff; } .nav-ul .caret { padding-left: 4px !important; } @media (min-width: 1025px) { .nav-ul .sub-menu li.nv-active { --activecolor: #fff; } .nav-ul .sub-menu li.nv-active > .wrap, .nav-ul .sub-menu li:focus-within > .wrap { background-color: var(--nv-secondary-accent) !important; border-bottom: 2px solid #fff !important; } .nav-ul .sub-menu li.nv-active > .wrap > a, .nav-ul .sub-menu li.nv-active > .wrap .caret { color: var(--activecolor) !important; } .nav-ul .sub-menu li:focus-within > .wrap > a, .nav-ul .sub-menu li:focus-within > .wrap .caret { color: #fff !important; } .nav-ul .sub-menu li.nv-active:hover > .wrap, .nav-ul .sub-menu li:focus-within:hover > .wrap { border-bottom: 0 !important; } } @media (max-width: 1024px) { .header-menu-sidebar .nav-ul li:not([class*=block]) > .wrap > a { padding: 5px 0 0; white-space: normal; margin-bottom: 0; } .header-menu-sidebar .nav-ul li:not([class*=block]) { margin-bottom: 10px; } #nv-primary-navigation-sidebar > li > .wrap > a { position: relative; padding: 5px 0 0; margin: 0; white-space: normal; line-height: 1.25; } #nv-primary-navigation-sidebar > li { margin-bottom: 10px; } #nv-primary-navigation-sidebar > li.menu-item-has-children > .wrap { display: flex; align-items: center; } #nv-primary-navigation-sidebar > li.menu-item-has-children > .wrap > a { flex: 0 1 auto; } #nv-primary-navigation-sidebar > li.menu-item-has-children > .wrap > .caret-wrap { margin-left: 6px !important; padding: 0; } #nv-primary-navigation-sidebar .sub-menu { margin: 6px 0 0; padding: 0 0 0 22px; } #nv-primary-navigation-sidebar .sub-menu > li { margin-bottom: 10px; } #nv-primary-navigation-sidebar .sub-menu > li > .wrap > a { padding: 5px 0 0; margin: 0; white-space: normal; line-height: 1.25; font-size: 0.9em; } #nv-primary-navigation-sidebar .sub-menu > li > .wrap > a::before { content: "\f0a9"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; margin-right: 8px; font-size: 0.8em; line-height: 1; vertical-align: baseline; } #nv-primary-navigation-sidebar .sub-menu li.nv-active > .wrap, #nv-primary-navigation-sidebar .sub-menu li:focus-within > .wrap { background-color: transparent !important; border-bottom: 0 !important; } #nv-primary-navigation-sidebar .sub-menu li.nv-active > .wrap > a, #nv-primary-navigation-sidebar .sub-menu li:focus-within > .wrap > a { color: inherit; } #nv-primary-navigation-sidebar > li > .wrap > a:hover, #nv-primary-navigation-sidebar > li.nv-active > .wrap > a:hover { border-bottom-color: transparent !important; box-shadow: none !important; background-image: none !important; } #nv-primary-navigation-sidebar > li > .wrap > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background-color: currentColor; opacity: 0; pointer-events: none; } #nv-primary-navigation-sidebar > li > .wrap > a:hover::after { opacity: 1; } } .footer--row .container, .footer--row-inner .container, .footer--row .nv-footer-content { width: 100% !important; max-width: 1170px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; } .kontaktbereich-1170 { position: relative; width: 100% !important; max-width: 1170px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box; } .kontaktbereich-1170 > .wp-block-group__inner-container { width: 100% !important; max-width: 1170px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box; } .kontaktbereich-1170 .kontaktbereich-spalten { display: flex; align-items: stretch; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; box-sizing: border-box; } .kontaktbereich-1170 .kontaktbereich-spalte { position: relative; flex: 0 0 25% !important; width: 25% !important; max-width: 25% !important; min-width: 0; margin: 0 !important; padding: 28px 18px !important; border: 0 !important; box-sizing: border-box; text-align: center; overflow-wrap: normal; word-break: normal; } .kontaktbereich-1170 .kontaktbereich-spalte:not(:first-child)::before { content: ""; position: absolute; top: 20%; left: 0; width: 1px; height: 60%; background-color: rgba(192, 201, 194, 0.65); transform: translateX(-0.5px); } .kontaktbereich-1170 .wp-block-image { margin-top: 0 !important; margin-bottom: 22px !important; } .kontaktbereich-1170 .wp-block-image img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .kontaktbereich-1170 .wp-block-heading { margin-top: 0 !important; margin-bottom: 22px !important; text-align: center; } .kontaktbereich-1170 p { margin-top: 0; text-align: center; } .kontaktbereich-1170 a { overflow-wrap: normal; word-break: normal; text-decoration: none; } .kontaktbereich-1170 a[href^="mailto:"] { white-space: nowrap; font-size: clamp(14px, 1vw, 16px); } .team-row { width: 100%; max-width: 1040px; margin-left: auto !important; margin-right: auto !important; gap: 35px !important; align-items: center; } .team-row > .wp-block-column:first-child { flex: 0 0 calc(30% - 7.5px) !important; width: calc(30% - 7.5px) !important; min-width: 0; } .team-row > .wp-block-column:last-child { flex: 0 0 calc(70% - 7.5px) !important; width: calc(70% - 7.5px) !important; min-width: 0; padding: 0 20px !important; } .team-row > .wp-block-column:first-child .wp-block-image { margin: 0 !important; } .team-row > .wp-block-column:first-child .wp-block-image img { display: block; width: 100% !important; max-width: 350px !important; height: auto; } .anfahrt-row { width: 100%; max-width: 1170px; margin-left: auto !important; margin-right: auto !important; gap: 15px !important; align-items: center; box-sizing: border-box; } .anfahrt-row > .wp-block-column:has(.wp-block-image) { flex: 0 0 calc(30% - 7.5px) !important; width: calc(30% - 7.5px) !important; min-width: 0; } .anfahrt-row > .wp-block-column:not(:has(.wp-block-image)) { flex: 0 0 calc(70% - 7.5px) !important; width: calc(70% - 7.5px) !important; min-width: 0; } .anfahrt-row .wp-block-image { margin: 0 !important; } .anfahrt-row .wp-block-image img { display: block; width: 100% !important; max-width: 225px !important; height: auto; margin-left: auto; margin-right: auto; } .page-id-2 .team-mobile-gallery { margin-top: 24px; } .page-id-2 .team-mobile-gallery.wp-block-gallery.has-nested-images { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; } .page-id-2 .team-mobile-gallery.wp-block-gallery.has-nested-images > figure.wp-block-image { width: 100% !important; margin: 0 !important; } .page-id-2 .team-mobile-gallery img { display: block; width: 100% !important; height: auto !important; } .page-id-1433 #cb-row--footer-desktop-top, .page-id-1433 #cb-row--footer-mobile-top { display: none; } #cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td { font-size: 100%; margin-top: 0; } #cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode { font-size: 100%; margin-top: 0; max-width: 1170px; text-justify: inter-word; } #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header, #cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown { background-color: #e8f1ee !important; } #wp-block-themeisle-blocks-advanced-columns-hero01 { padding-top: 0 !important; padding-bottom: 25px !important; } summary.wp-block-themeisle-blocks-accordion-item__title { border-bottom: 2px solid #fff !important; font-weight: 600; } .wp-block-themeisle-blocks-accordion { margin-bottom: 50px; } .wp-block-themeisle-blocks-accordion-item:first-child summary.wp-block-themeisle-blocks-accordion-item__title, .wp-block-themeisle-blocks-accordion-item:last-child summary.wp-block-themeisle-blocks-accordion-item__title { border-bottom: 0 !important; } .siw-ai-images-list p { margin-bottom: 0; } .siw-ai-images-list p:last-child { margin-bottom: 30px; } .siw-ai-images-list h2 { font-size: 110%; font-weight: 600; margin-bottom: 5px; } html body #a11y-widget .a11y-toggle { background: #0d2c61 !important; color: var(--a11y-widget-toggle-text) !important; box-shadow: 0 12px 30px var(--a11y-widget-shadow) !important; } .excerpt-wrap li, .nv-content-wrap li { margin-top: 10px; margin-left: 10px; } .themen-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .themen-links li { list-style: none; margin: 0; padding: 0; } .themen-links li::marker { content: ""; } .themen-links li:not(:last-child)::after { content: "|"; padding-left: 5px; padding-right: 5px; } .themen-links li a { text-decoration: none; font-weight: 600; } .themen-links li a:hover { text-decoration: underline; color: #4a7c66 !important; } .mb0 { margin-bottom: 0 !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mt0 { margin-top: 0 !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } @media (max-width: 1024px) { .tw-hero { grid-template-columns: 1fr; min-height: auto; } .tw-hero__visual { max-width: 760px; } .tw-services, .tw-contact { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tw-info-grid { grid-template-columns: 1fr; } .page .nv-content-wrap h2, .page .entry-content h2 { font-size: clamp(26px, 3.5vw, 32px); line-height: 1.2; max-width: 100%; overflow-wrap: anywhere; word-break: normal; hyphens: auto; } } @media (max-width: 1000px) { .footer--row .container, .footer--row-inner .container, .footer--row .nv-footer-content { padding-left: 20px !important; padding-right: 20px !important; } .kontaktbereich-1170 .kontaktbereich-spalte { padding-left: 12px !important; padding-right: 12px !important; } .kontaktbereich-1170 a[href^="mailto:"] { white-space: normal; overflow-wrap: anywhere; } } @media (max-width: 959px) { .header a.button[href*="wa.me"] { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0 !important; margin: 0 0 0 auto !important; font-size: 0 !important; line-height: 1; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .header a.button[href*="wa.me"]::before { width: 35px !important; height: 35px !important; flex: 0 0 35px !important; margin: 0 !important; } .header a.button[href*="wa.me"] svg { display: none !important; } .header a.button[href*="wa.me"]:hover, .header a.button[href*="wa.me"]:focus { background: transparent !important; box-shadow: none !important; } } @media (max-width: 781px) { body:not(.home) h1:not(.dhp-organic-hero__heading), .page h1.entry-title, .page .entry-content h1:not(.dhp-organic-hero__heading) { font-size: clamp(30px, 8vw, 38px); line-height: 1.15; max-width: 100%; overflow-wrap: anywhere; hyphens: auto; } .footer--row .container, .footer--row-inner .container, .footer--row .nv-footer-content { width: 100% !important; max-width: none !important; padding-left: 15px !important; padding-right: 15px !important; } .kontaktbereich-1170 .kontaktbereich-spalten { display: block !important; } .kontaktbereich-1170 .kontaktbereich-spalte { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; padding: 30px 15px !important; } .kontaktbereich-1170 .kontaktbereich-spalte:not(:first-child)::before { display: none; } .kontaktbereich-1170 .kontaktbereich-spalte:not(:first-child)::after { content: ""; position: absolute; top: 0; left: 20%; width: 60%; height: 1px; background-color: rgba(192, 201, 194, 0.65); } .kontaktbereich-1170 a[href^="mailto:"] { white-space: normal; overflow-wrap: anywhere; } .team-row { max-width: 100%; flex-direction: column; gap: 24px !important; } .team-row > .wp-block-column:first-child, .team-row > .wp-block-column:last-child { flex: 0 0 100% !important; width: 100% !important; } .team-row > .wp-block-column:first-child .wp-block-image img { margin-left: auto; margin-right: auto; } .anfahrt-row { max-width: 100%; flex-direction: column; gap: 24px !important; } .anfahrt-row > .wp-block-column:has(.wp-block-image), .anfahrt-row > .wp-block-column:not(:has(.wp-block-image)) { flex: 0 0 100% !important; width: 100% !important; } .anfahrt-row .wp-block-image img { margin-left: auto; margin-right: auto; } .page-id-2 .team-mobile-gallery.wp-block-gallery.has-nested-images { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } .page-id-2 .team-mobile-gallery.wp-block-gallery.has-nested-images > figure.wp-block-image { width: 100% !important; max-width: none !important; flex: none !important; margin: 0 !important; } .page-id-2 .team-mobile-gallery > figure.wp-block-image:nth-child(1) { grid-column: 1 / 3 !important; grid-row: 1 !important; } .page-id-2 .team-mobile-gallery > figure.wp-block-image:nth-child(2) { grid-column: 1 !important; grid-row: 2 !important; } .page-id-2 .team-mobile-gallery > figure.wp-block-image:nth-child(3) { grid-column: 2 !important; grid-row: 2 !important; } } @media (max-width: 768px) { .header a.button[href*="wa.me"] { font-size: 0 !important; padding: 8px !important; min-width: auto !important; } .header a.button[href*="wa.me"]::before { font-size: initial; } } @media (max-width: 640px) { .tw-container { width: min(calc(100% - 40px), var(--tw-container)); } .tw-section { padding-block: 64px; } .tw-hero { gap: 42px; padding-block: 56px; } .tw-services, .tw-contact { grid-template-columns: 1fr; } .tw-card, .tw-info-panel { padding: 26px 22px; } .tw-actions { align-items: stretch; flex-direction: column; } .tw-button { width: 100%; } .tw-home-footer__inner { align-items: flex-start; flex-direction: column; } } @media (max-width: 600px) { .page .nv-content-wrap h2, .page .entry-content h2 { font-size: clamp(24px, 7vw, 28px); line-height: 1.2; } .themen-links { flex-direction: column; align-items: center; } .themen-links li { width: 100%; text-align: center; } .themen-links li:not(:last-child)::after { content: none; } } .wp-block-themeisle-blocks-button-group { margin-bottom: 20px; } #block-67 > div > a:hover, ul#footer-menu a:hover { color: #FFF; text-decoration: underline; }