.elementor .tauch-footer-social:hover,.elementor .tauch-footer-social:focus-visible{color:var(--color-text);background-color:var(--color-highlight);}.elementor .tauch-footer-social{width:44px;height:44px;color:var(--color-text-inverse);border-radius:var(--radius-pill);transition:background-color 0.3s, color 0.3s;display:inline-flex;justify-content:center;align-items:center;border: 1px solid color-mix(in srgb, var(--color-highlight) 35%, transparent);\n}.elementor .tauch-footer-legal{font-size:0.875rem;padding-block-start:var(--space-lg);display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center;border-top: 1px solid color-mix(in srgb, var(--color-highlight) 18%, transparent); border-top: 1px solid color-mix(in srgb, var(--color-highlight) 18%, transparent); & a::after { content: none; }\n}.elementor .tauch-footer-nav{padding-block-start:var(--space-xl);padding-block-end:var(--space-xl);display:flex;gap:clamp(1rem, 3vw, 2.5rem);flex-wrap:wrap;justify-content:center;align-items:center;border-top: 1px solid color-mix(in srgb, var(--color-highlight) 22%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--color-highlight) 22%, transparent); border-top: 1px solid color-mix(in srgb, var(--color-highlight) 22%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--color-highlight) 22%, transparent); & a::after { content: none; } border-top: 1px solid color-mix(in srgb, var(--color-highlight) 22%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--color-highlight) 22%, transparent); & > a { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8125rem; }\n}.elementor .tauch-footer-wordmark{font-family:var(--font-body);font-weight:700;font-size:clamp(2.25rem, 8.5vw, 7.5rem);color:color-mix(in srgb, var(--color-highlight) 16%, transparent);letter-spacing:-0.01em;line-height:0.95;text-align:center;text-transform:uppercase;margin:0px;-webkit-text-stroke: 1px color-mix(in srgb, var(--color-highlight) 55%, transparent); -webkit-text-stroke: 1px color-mix(in srgb, var(--color-highlight) 55%, transparent);\n}.elementor .tauch-footer{overflow:hidden;position:relative;background-image:url("https://www.tauch-auf.de/wp-content/uploads/websites-die-auftauchen-hg-footer.webp");background-repeat:no-repeat;background-attachment:scroll;background-size:cover;background-position:0% 0%;isolation: isolate; background-position: center bottom; &::before { content: ""; position: absolute; inset: 0px; z-index: -1; background-image: linear-gradient(180deg, rgb(16, 26, 32) 0%, rgba(16, 26, 32, 0.94) 40%, rgba(16, 26, 32, 0.78) 100%); } isolation: isolate; border-top: 1px solid color-mix(in srgb, var(--color-highlight) 26%, transparent); background-position: center bottom; &::before { content: ""; position: absolute; inset: 0px; z-index: -1; background-image: linear-gradient(180deg, rgb(16, 26, 32) 0%, rgba(16, 26, 32, 0.94) 40%, rgba(16, 26, 32, 0.78) 100%); } border-top: 1px solid color-mix(in srgb, var(--color-highlight) 55%, transparent);\n}.elementor .layout-grid-2-wide{display:grid;gap:var(--space-3xl);grid-template-columns:3fr 2fr;align-items:start;&:is(*) { @media (max-width: 1024px) { grid-template-columns: minmax(0, 1fr); gap: var(--space-2xl); } }\n}.elementor .layout-stack{display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;}.elementor .layout-section{padding-block: var(--space-section);\n}.elementor .layout-rail{width:var(--width-rail);max-width:100%;display:flex;flex-direction:column;margin-inline: auto; padding-inline: 0;\n}.elementor .layout-fullbleed{width:100%;max-width:100%;margin-inline: 0; padding-inline: 0;\n}.elementor .text-body-sm{max-width:var(--width-narrow);font-family:var(--font-body);font-weight:400;font-size:var(--font-size-sm);letter-spacing:0px;line-height:1.6;font-style:normal;color: var(--text-current, var(--color-text));\n}.elementor .text-body{max-width:var(--width-reading);font-family:var(--font-body);font-weight:400;font-size:var(--font-size-base);letter-spacing:0px;line-height:1.65;font-style:normal;color: var(--text-current, var(--color-text));\n}.elementor .surface-deep{background-color:var(--color-surface-deep);--text-current: var(--color-text-inverse); --text-muted-current: var(--color-text-inverse-muted); --link-current: var(--color-highlight); --link-hover-current: var(--color-text-inverse); --border-current: var(--color-border-inverse); --error-current: var(--color-error-inverse); color: var(--text-current);\n}.elementor .button-link:hover,.elementor .button-link:focus-visible{color: var(--link-hover-current, var(--color-primary));\n}.elementor .button-link{min-height:0px;font-family:var(--font-body);font-weight:600;font-size:var(--font-size-base);letter-spacing:0px;text-align:start;font-style:normal;text-decoration:underline;text-transform:none;cursor:pointer;border-radius:0px;border-width:0px;background-color:transparent;display:inline-flex;gap:var(--space-2xs);justify-content:flex-start;align-items:center;align-self:flex-start;padding-block: 0; padding-inline: 0; text-underline-offset: 0.15em; text-decoration-thickness: 1px; color: var(--link-current, var(--color-accent-ink)); &::after { content: "\2192"; transition: transform 0.25s ease; @media (prefers-reduced-motion: reduce) { transition: none; } } &:hover::after { transform: translateX(0.25em); } &:focus-visible { outline: 2px solid var(--link-current, var(--color-primary)); outline-offset: 3px; } width: fit-content;\n}.elementor .text-muted{color: var(--text-muted-current, var(--color-text-muted));\n}