.elementor .tauch-schleier-leicht{--hero-schleier: 0.40; --hero-bild-deckkraft: 48%;\n}.elementor .tauch-hero-media{overflow:hidden;position:absolute;inset-block-start:0px;inset-inline-end:0px;inset-block-end:0px;inset-inline-start:0px;z-index:0;padding:0px;pointer-events: none; opacity: var(--hero-bild-deckkraft, 28%);\n}.elementor .tauch-post-meta{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:0.08em;text-transform:uppercase;display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;}.elementor .tauch-post-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);flex:1 1 auto;}.elementor .tauch-post-media{width:100%;overflow:hidden;aspect-ratio:16 / 10;background-color:var(--color-surface-soft);display:block;}.elementor .tauch-post-card:hover,.elementor .tauch-post-card:focus-visible{box-shadow:0px 22px 48px 0px rgba(16, 26, 32, 0.16);transform:translate3d(0px, -6px, 0px);}.elementor .tauch-post-card{height:100%;overflow:hidden;border-radius:var(--radius-lg);border-width:1px;border-color:var(--color-border);border-style:solid;background-color:var(--color-surface-raised);transition:transform 0.35s, box-shadow 0.35s;display:flex;flex-direction:column;}.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 .tauch-faq-icon{width:24px;height:24px;min-width:24px;position:relative;padding:0px;flex:0 0 24px;color: var(--link-current, var(--color-primary));\n}.elementor .tauch-light-edge{height:160px;min-width:0px;position:absolute;inset-block-start:0px;inset-inline-end:0px;inset-inline-start:0px;z-index:3;padding:0px;pointer-events: none; background-image: linear-gradient(to bottom, var(--edge-paper, var(--color-surface)) 0%, transparent 100%); &:is(*) { @media (max-width: 767px) { height: 110px; } }\n}.elementor .tauch-wave-line{height:90px;min-width:0px;position:absolute;inset-inline-end:0px;inset-block-end:0px;inset-inline-start:0px;z-index:50;padding:0px;pointer-events: none; mask-image: url(/wp-content/uploads/wasserlinie-flaeche.svg); mask-size: 100% 100%; mask-repeat: no-repeat; -webkit-mask-image: url(/wp-content/uploads/wasserlinie-flaeche.svg); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; background-color: var(--wave-fill, var(--color-surface)); &::after { content: ""; position: absolute; inset: 0; background-color: var(--color-highlight); mask-image: url(/wp-content/uploads/wasserlinie-kante.svg); mask-size: 100% 100%; mask-repeat: no-repeat; -webkit-mask-image: url(/wp-content/uploads/wasserlinie-kante.svg); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; }\n}.elementor .layout-grid-3{display:grid;gap:var(--space-xl);grid-template-columns:repeat(3, minmax(0, 1fr));}.elementor .layout-grid-4{display:grid;gap:var(--space-xl);grid-template-columns:repeat(4, minmax(0, 1fr));}.elementor .layout-grid-2{display:grid;gap:var(--space-xl);grid-template-columns:repeat(2, minmax(0, 1fr));}.elementor .layout-grid-2-narrow{display:grid;gap:var(--space-3xl);grid-template-columns:2fr 3fr;align-items:start;&:is(*) { @media (max-width: 1024px) { grid-template-columns: minmax(0, 1fr); gap: var(--space-2xl); } }\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-cluster{display:flex;flex-direction:row;gap:var(--space-md);flex-wrap:wrap;align-items:center;}.elementor .layout-stack{display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;}.elementor .layout-reading{max-width:var(--width-reading);}.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-numeral{position:absolute;inset-inline-end:var(--space-lg);inset-block-end:var(--space-sm);z-index:-1;font-family:var(--font-heading);font-weight:800;font-size:var(--font-size-display);color:color-mix(in srgb, var(--link-current, var(--color-primary)) 28%, transparent);letter-spacing:-0.04em;line-height:0.75;font-style:normal;}.elementor .text-label{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-sm);letter-spacing:0.01em;line-height:1.2;font-style:normal;}.elementor .text-eyebrow{font-family:var(--font-body);font-weight:600;font-size:var(--font-size-xs);color:inherit;letter-spacing:0.16em;line-height:1.2;font-style:normal;text-transform:uppercase;}.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 .text-body-lg{max-width:var(--width-wide);font-family:var(--font-body);font-weight:500;font-size:var(--font-size-lg);letter-spacing:0px;line-height:1.6;font-style:normal;color: var(--text-current, var(--color-text));\n}.elementor .text-heading-sm{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-heading-sm);letter-spacing:-0.01em;line-height:1.3;font-style:normal;color: var(--text-current, var(--color-text));\n}.elementor .text-heading-md{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-heading-md);letter-spacing:-0.015em;line-height:1.18;font-style:normal;color: var(--text-current, var(--color-text));\n}.elementor .text-heading-lg{max-width:52rem;font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-heading-lg);color:var(--color-primary-dark);letter-spacing:-0.02em;line-height:1.08;font-style:normal;color: var(--text-current, var(--color-text));\n}.elementor .text-heading-xl{max-width:22ch;font-family:var(--font-heading);font-weight:800;font-size:var(--font-size-heading-xl);letter-spacing:-0.025em;line-height:1.02;font-style:normal;color: var(--text-current, var(--color-text));\n}.elementor .card-base{min-width:0px;padding:var(--space-xl);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md);}.elementor .button-base{min-height:3rem;font-family:var(--font-body);font-weight:700;font-size:var(--font-size-sm);letter-spacing:0.1em;font-style:normal;text-decoration:none;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-pill);border-width:1px;border-color:color-mix(in srgb, currentColor 55%, transparent);border-style:solid;background-color:var(--color-border-inverse);display:inline-flex;justify-content:center;align-items:center;padding-block: 0; padding-inline: var(--space-xl); color: var(--text-current, var(--color-text)); &:focus-visible { outline: 2px solid var(--link-current, var(--color-primary)); outline-offset: 3px; }\n}.elementor .button-wave{overflow:hidden;position:relative;transition:color 0.45s;isolation: isolate; &::before { content: ""; position: absolute; left: -5%; bottom: 0; width: 110%; height: 120%; border-radius: 40% 40% 0 0; transform: translateY(100%); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; @media (prefers-reduced-motion: reduce) { transition: none; } } &:hover::before { transform: translateY(0); } &:focus-visible::before { transform: translateY(0); }\n}.elementor .tauch-hero-quiet{position:relative;padding-block-start:clamp(4.5rem, 7vh, 6rem);display:flex;flex-direction:column;justify-content:center;isolation: isolate; min-height: 72svh; background-size: cover; background-position: center center; background-repeat: no-repeat; &::before { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(16, 26, 32, var(--hero-schleier, 0.62)); }\n}.elementor .tauch-note:hover,.elementor .tauch-note:focus-visible{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}.elementor .tauch-note{padding:var(--space-xl);border-radius:var(--radius-md);box-shadow:0px 14px 34px 0px rgba(16, 26, 32, 0.14);transform:rotateX(0deg) rotateY(0deg) rotateZ(-1.2deg);&:is(*) { transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); @media (prefers-reduced-motion: reduce) { transition: none; } }\n}.elementor .tauch-offer-item{border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--color-highlight) 32%, transparent);padding-block: var(--space-sm); padding-inline: var(--space-md); max-width: none; &:is(*) { @media (max-width: 767px) { padding-inline: var(--space-sm); } }\n}.elementor .tauch-faq-item{border-radius:var(--radius-md);background-color:var(--color-surface-raised);border: 1px solid var(--border-current, var(--color-border)); padding-inline: var(--space-lg); padding-block: var(--space-md); &[open] { background-color: var(--color-surface-soft); } & > summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); } & > summary > *:first-child { flex: 1 1 auto; min-width: 0; } & > summary > *:last-child { flex: 0 0 auto; width: 24px; min-width: 24px; } & > summary > *:last-child svg { width: 100%; height: auto; } & > summary::-webkit-details-marker { display: none; } & > summary:focus-visible { outline: 2px solid var(--link-current, var(--color-primary)); outline-offset: 3px; } & .tauch-faq-icon::before { content: ""; position: absolute; left: 6px; top: 5px; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .3s cubic-bezier(.215,.61,.355,1); @media (prefers-reduced-motion: reduce) { transition: none; } } &[open] .tauch-faq-icon::before { transform: rotate(-135deg); top: 9px; }\n}.elementor .tauch-final-panel{max-width:var(--width-wide);text-align:center;padding:0px;border-radius:0px;background-color:transparent;display:flex;flex-direction:column;gap:var(--space-lg);align-items:center;margin-inline: auto; margin-inline: auto; &:is(*) { @media (max-width: 767px){ padding: var(--space-2xl) var(--space-lg); border-radius: var(--radius-lg); } } margin-inline: auto;\n}.elementor .tauch-step{overflow:hidden;position:relative;isolation: isolate; padding-inline: var(--space-2xl); padding-block: 5rem;\n}.elementor .tauch-process-number{width:88px;aspect-ratio:1;font-family:var(--font-heading);font-weight:800;font-size:var(--font-size-heading-sm);color:var(--color-text);line-height:1;font-style:normal;border-radius:var(--radius-pill);background-color:var(--color-accent);display:inline-flex;flex:0 1 auto;justify-content:center;align-items:center;align-self:flex-end;}.elementor .tauch-process-card{min-height:28rem;max-width:45rem;position:sticky;inset-block-start:7rem;box-shadow:0px 2rem 5rem 0px rgba(35, 52, 59, 0.18);align-self:stretch;}.elementor .tauch-process-stack{display:flex;flex-direction:column;gap:0px;align-items:stretch;& > * { margin-bottom: 128px; @media (max-width: 767px) { margin-bottom: 32px; } } & > *:nth-child(1) { top: 120px; z-index: 1; } & > *:nth-child(2) { top: 132px; z-index: 2; } & > *:nth-child(3) { top: 144px; z-index: 3; } & > *:nth-child(4) { top: 156px; z-index: 4; } & > *:nth-child(5) { top: 168px; z-index: 5; } & > *:nth-child(6) { top: 180px; z-index: 6; } & > *:last-child { margin-bottom: clamp(6rem, 14vh, 10rem); @media (max-width: 767px) { margin-bottom: 0; } }\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 .surface-dark{background-color:var(--color-primary-dark);--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 .surface-gradient{background-color:var(--color-surface);--text-current: var(--color-text); --text-muted-current: var(--color-text-muted); --link-current: var(--color-primary); --link-hover-current: var(--color-primary-dark); --border-current: var(--color-border); --error-current: var(--color-error); background-image: radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--color-highlight) 45%, var(--color-surface)) 0%, var(--color-surface) 62%); color: var(--text-current);\n}.elementor .surface-mint{background-color:color-mix(in srgb, var(--color-highlight) 45%, var(--color-surface-raised));--text-current: var(--color-text); --text-muted-current: var(--color-text-muted); --link-current: var(--color-primary); --link-hover-current: var(--color-primary-dark); --border-current: var(--color-border); --error-current: var(--color-error); color: var(--text-current);\n}.elementor .surface-tint{background-color:var(--color-surface-tint);--text-current: var(--color-text); --text-muted-current: var(--color-text-muted); --link-current: var(--color-primary); --link-hover-current: var(--color-primary-dark); --border-current: var(--color-border); --error-current: var(--color-error); color: var(--text-current);\n}.elementor .surface-soft{background-color:var(--color-surface-soft);--text-current: var(--color-text); --text-muted-current: var(--color-text-muted); --link-current: var(--color-primary); --link-hover-current: var(--color-primary-dark); --border-current: var(--color-border); --error-current: var(--color-error); color: var(--text-current);\n}.elementor .surface-raised{background-color:var(--color-surface-raised);--text-current: var(--color-text); --text-muted-current: var(--color-text-muted); --link-current: var(--color-accent-ink); --link-hover-current: var(--color-primary); --border-current: var(--color-border); --error-current: var(--color-error); color: var(--text-current);\n}.elementor .surface-base{background-color:var(--color-surface);--text-current: var(--color-text); --text-muted-current: var(--color-text-muted); --link-current: var(--color-accent-ink); --link-hover-current: var(--color-primary); --border-current: var(--color-border); --error-current: var(--color-error); color: var(--text-current);\n}.elementor .button-circle:hover,.elementor .button-circle:focus-visible{box-shadow:0px 10px 90px 8px rgba(157, 215, 207, 0.72);}.elementor .button-circle{width:clamp(6rem, 8vw, 7.5rem);aspect-ratio:1;font-family:var(--font-heading);font-weight:800;font-size:var(--font-size-xs);color:var(--color-text);letter-spacing:0.1em;line-height:1.3;text-align:center;font-style:normal;text-decoration:none;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-pill);border-style:none;background-color:var(--color-highlight);box-shadow:0px 10px 50px 0px rgba(157, 215, 207, 0.4);display:inline-flex;justify-content:center;align-items:center;&:is(*) { transition: box-shadow 0.3s ease; @media (prefers-reduced-motion: reduce) { transition: none; } } &:focus-visible { box-shadow: 0 10px 90px 8px rgba(157, 215, 207, 0.72); outline: 2px solid var(--color-text-inverse); outline-offset: 4px; }\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 .button-fill-accent:hover,.elementor .button-fill-accent:focus-visible{color:var(--color-text-inverse);}.elementor .button-fill-accent{color:var(--color-text);border-color:transparent;background-color:var(--color-accent);&::before { background-color: var(--color-accent-ink); } &:focus-visible { color: var(--color-text-inverse); }\n}.elementor .button-fill-light:hover,.elementor .button-fill-light:focus-visible{color:var(--color-text-inverse);}.elementor .button-fill-light{color:var(--color-text);border-color:transparent;background-color:var(--color-highlight);&::before { background-color: var(--color-primary); } &:focus-visible { color: var(--color-text-inverse); }\n}.elementor .button-primary:hover,.elementor .button-primary:focus-visible{color:var(--color-text-inverse);}.elementor .button-primary{color:var(--color-text);border-color:transparent;background-color:var(--color-accent);&::before { background-color: var(--color-accent); } &:focus-visible { color: var(--color-text); } &::before { background-color: var(--color-primary); } &:focus-visible { color: var(--color-text-inverse); }\n}.elementor .card-tilt-right:hover,.elementor .card-tilt-right:focus-visible{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}.elementor .card-tilt-right{transform:rotateX(0deg) rotateY(0deg) rotateZ(1.2deg);&:is(*) { transition: transform .3s cubic-bezier(.215, .61, .355, 1); @media (prefers-reduced-motion: reduce) { transition: none; } @media (max-width: 767px) { transform: none; } } &:focus-within { transform: rotate(0deg); }\n}.elementor .card-tilt-left:hover,.elementor .card-tilt-left:focus-visible{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}.elementor .card-tilt-left{transform:rotateX(0deg) rotateY(0deg) rotateZ(-1.2deg);&:is(*) { transition: transform .3s cubic-bezier(.215, .61, .355, 1); @media (prefers-reduced-motion: reduce) { transition: none; } @media (max-width: 767px) { transform: none; } } &:focus-within { transform: rotate(0deg); }\n}.elementor .text-muted{color: var(--text-muted-current, var(--color-text-muted));\n}.elementor .card-roomy{padding:var(--space-2xl);&:is(*) { @media (max-width: 767px) { padding: var(--space-lg); } }\n}.elementor .u-gap-sm{gap:var(--space-sm);}