.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-timeline-number{width:44px;height:44px;font-family:var(--font-heading);font-weight:700;font-size:1.125rem;color:var(--color-primary);line-height:1;margin:0px;border-radius:var(--radius-pill);border-width:2px;border-color:var(--color-primary);border-style:solid;background-color:var(--color-surface-soft);display:inline-flex;flex:0 0 44px;justify-content:center;align-items:center;}.elementor .tauch-timeline-step{min-width:0px;position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-sm);overflow-wrap: break-word;\n}.elementor .tauch-timeline{position:relative;margin-block-start:var(--space-2xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(4, 1fr);&::before { content: ""; position: absolute; top: 22px; left: 8%; right: 8%; height: 2px; background-image: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-primary) 45%, transparent) 12%, color-mix(in srgb, var(--color-primary) 45%, transparent) 88%, transparent 100%); z-index: 0; } &:is(*) { @media (max-width: 1024px){ grid-template-columns: 1fr; gap: var(--space-xl); &::before { display: none; } } } &::before { content: ""; position: absolute; top: 22px; left: 8%; width: 84%; height: 2px; background-image: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-primary) 45%, transparent) 12%, color-mix(in srgb, var(--color-primary) 45%, transparent) 88%, transparent 100%); z-index: 0; } &:is(*) { @media (max-width: 1024px){ grid-template-columns: 1fr; gap: var(--space-xl); &::before { display: none; } } }\n}.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-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-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-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-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:400;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 .text-display{max-width:16ch;font-family:var(--font-heading);font-weight:800;font-size:var(--font-size-display);letter-spacing:-0.03em;line-height:0.95;font-style:normal;color: var(--text-current, var(--color-text));\n}.elementor .card-base{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:transparent;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-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 .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-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-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-light:hover,.elementor .button-light:focus-visible{color:var(--color-text);}.elementor .button-light{&::before { background-color: var(--color-highlight); } &:focus-visible { color: var(--color-text); }\n}.elementor .button-secondary:hover,.elementor .button-secondary:focus-visible{color:var(--color-text-inverse);}.elementor .button-secondary{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-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-mt-3xl{margin-block-start:var(--space-3xl);}