.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-hscroll-hint{font-size:0.875rem;margin-block-start:var(--space-sm);display:flex;gap:var(--space-xs);align-items:center;color: var(--text-muted-current); color: var(--text-muted-current); &:is(*) { @media (min-width: 1025px){ display: none; } }\n}.elementor .tauch-hscroll-panel{width:min(82vw, 460px);display:flex;flex-direction:column;gap:var(--space-md);flex:0 0 auto;scroll-snap-align: center; scroll-snap-align: center; &:is(*) { @media (min-width: 1025px){ width: min(40vw, 540px); } }\n}.elementor .tauch-hscroll-row{padding-inline-start:max(var(--space-lg), calc(50vw - 570px));padding-inline-end:max(var(--space-lg), calc(50vw - 570px));display:flex;gap:var(--space-lg);align-items:stretch;width: max-content;\n}.elementor .tauch-hscroll-pin{padding-block-start:var(--space-md);padding-block-end:var(--space-md);overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;\n}.elementor .tauch-hscroll-track{position:relative;}.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-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-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-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-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 .card-bordered{border: 1px solid var(--border-current, var(--color-border));\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-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-4xl{margin-block-start:var(--space-4xl);}