@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
body:not(.elementor-editor-active) .qrix-wipe {
position: relative;
overflow: hidden;
visibility: hidden;
}
body:not(.elementor-editor-active) .qrix-wipe--play {
visibility: visible;
} body:not(.elementor-editor-active) .qrix-wipe::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background: var(--qrix-wipe-color, var(--e-global-color-primary));
clip-path: inset(0 100% 0 0);
} body:not(.elementor-editor-active) .qrix-wipe--cover::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: var(--qrix-wipe-under, white);
} body:not(.elementor-editor-active) .qrix-wipe--l::after { clip-path: inset(0 0 0 100%); }
body:not(.elementor-editor-active) .qrix-wipe--d::after { clip-path: inset(0 0 100% 0); }
body:not(.elementor-editor-active) .qrix-wipe--u::after { clip-path: inset(100% 0 0 0); } body:not(.elementor-editor-active) .qrix-wipe--play::after {
animation: qrix-wipe-bar-r var(--qrix-wipe-duration, 1250ms) cubic-bezier(0.25, 0.1, 0.25, 1) var(--qrix-wipe-delay, 0ms) both;
}
body:not(.elementor-editor-active) .qrix-wipe--l.qrix-wipe--play::after { animation-name: qrix-wipe-bar-l; }
body:not(.elementor-editor-active) .qrix-wipe--d.qrix-wipe--play::after { animation-name: qrix-wipe-bar-d; }
body:not(.elementor-editor-active) .qrix-wipe--u.qrix-wipe--play::after { animation-name: qrix-wipe-bar-u; }
body:not(.elementor-editor-active) .qrix-wipe--play > * {
animation: qrix-wipe-show var(--qrix-wipe-duration, 1250ms) ease var(--qrix-wipe-delay, 0ms) both;
}
body:not(.elementor-editor-active) .qrix-wipe--play img {
animation: qrix-wipe-img var(--qrix-wipe-duration, 1250ms) ease var(--qrix-wipe-delay, 0ms) both;
}
body:not(.elementor-editor-active) .qrix-wipe--cover.qrix-wipe--play::before {
animation: qrix-wipe-under var(--qrix-wipe-duration, 1250ms) ease var(--qrix-wipe-delay, 0ms) both;
}
@keyframes qrix-wipe-bar-r {
0%   { clip-path: inset(0 100% 0 0); }
50%  { clip-path: inset(0 0 0 0); }
51%  { clip-path: inset(0 0 0 0); }
100% { clip-path: inset(0 0 0 100%); }
}
@keyframes qrix-wipe-bar-l {
0%   { clip-path: inset(0 0 0 100%); }
50%  { clip-path: inset(0 0 0 0); }
51%  { clip-path: inset(0 0 0 0); }
100% { clip-path: inset(0 100% 0 0); }
}
@keyframes qrix-wipe-bar-d {
0%   { clip-path: inset(0 0 100% 0); }
50%  { clip-path: inset(0 0 0 0); }
51%  { clip-path: inset(0 0 0 0); }
100% { clip-path: inset(100% 0 0 0); }
}
@keyframes qrix-wipe-bar-u {
0%   { clip-path: inset(100% 0 0 0); }
50%  { clip-path: inset(0 0 0 0); }
51%  { clip-path: inset(0 0 0 0); }
100% { clip-path: inset(0 0 100% 0); }
}
@keyframes qrix-wipe-show {
0%, 50%   { opacity: 0; }
51%, 100% { opacity: 1; }
}
@keyframes qrix-wipe-img {
0%, 50% { scale: 1.25; }
100%    { scale: 1; }
}
@keyframes qrix-wipe-under {
0%, 50%   { opacity: 1; }
51%, 100% { opacity: 0; }
}
}@media (scripting: enabled) and (prefers-reduced-motion: no-preference) { body:not(.elementor-editor-active) .qrix-kb {
--qrix-kb-dx: 0;
--qrix-kb-dy: 0; --qrix-kb-m: calc((var(--qrix-kb-scale, 1.12) - 1) * 45%);
}
body:not(.elementor-editor-active) .qrix-kb--pan-l { --qrix-kb-dx: -1; }
body:not(.elementor-editor-active) .qrix-kb--pan-r { --qrix-kb-dx: 1; }
body:not(.elementor-editor-active) .qrix-kb--pan-u { --qrix-kb-dy: -1; }
body:not(.elementor-editor-active) .qrix-kb--pan-d { --qrix-kb-dy: 1; } body:not(.elementor-editor-active) .qrix-kb--bg.qrix-kb--ready {
position: relative;
overflow: hidden;
isolation: isolate;
}
body:not(.elementor-editor-active) .qrix-kb__layer {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background: inherit;
will-change: transform;
} body:not(.elementor-editor-active) .qrix-kb--img.qrix-kb--ready {
overflow: hidden;
}
body:not(.elementor-editor-active) .qrix-kb--img.qrix-kb--ready img {
will-change: transform;
} body:not(.elementor-editor-active) .qrix-kb--out.qrix-kb--ready .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--out.qrix-kb--img.qrix-kb--ready img {
transform: translate(
calc(var(--qrix-kb-dx) * var(--qrix-kb-m) * -1),
calc(var(--qrix-kb-dy) * var(--qrix-kb-m) * -1)
) scale(var(--qrix-kb-scale, 1.12));
} body:not(.elementor-editor-active) .qrix-kb--in.qrix-kb--ready .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--in.qrix-kb--img.qrix-kb--ready img {
transform: translate(0, 0) scale(1);
} body:not(.elementor-editor-active) .qrix-kb--ready.qrix-kb--play .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--img.qrix-kb--ready.qrix-kb--play img {
transition: transform var(--qrix-kb-duration, 12s) cubic-bezier(0.22, 0.61, 0.36, 1) var(--qrix-kb-delay, 0ms);
}
body:not(.elementor-editor-active) .qrix-kb--out.qrix-kb--ready.qrix-kb--play .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--out.qrix-kb--img.qrix-kb--ready.qrix-kb--play img {
transform: translate(0, 0) scale(1);
}
body:not(.elementor-editor-active) .qrix-kb--in.qrix-kb--ready.qrix-kb--play .qrix-kb__layer,
body:not(.elementor-editor-active) .qrix-kb--in.qrix-kb--img.qrix-kb--ready.qrix-kb--play img {
transform: translate(
calc(var(--qrix-kb-dx) * var(--qrix-kb-m)),
calc(var(--qrix-kb-dy) * var(--qrix-kb-m))
) scale(var(--qrix-kb-scale, 1.12));
}
}.elementor-widget-text-editor a:not(.elementor-button) {
background: linear-gradient(currentColor, currentColor) no-repeat left bottom / 0 2px;
padding-bottom: 2px;
}
.elementor-widget-text-editor a:not(.elementor-button):hover,
.elementor-widget-text-editor a:not(.elementor-button):focus-visible {
background-size: 100% 2px;
}
.qrix-arrow {
display: inline-block;
}
a:hover > .qrix-arrow,
a:focus-visible > .qrix-arrow,
a:hover .qrix-arrow,
a:focus-visible .qrix-arrow {
transform: translateX(6px);
}
@media (prefers-reduced-motion: no-preference) {
.elementor-widget-text-editor a:not(.elementor-button) {
transition: background-size 0.3s ease;
}
.qrix-arrow {
transition: transform 0.3s ease;
}
}.qrix-card-media {
overflow: hidden;
}
.qrix-card:hover .qrix-card-media img,
.qrix-card:focus-within .qrix-card-media img {
transform: scale(1.06);
}
.qrix-card:hover .qrix-card-arrow,
.qrix-card:focus-within .qrix-card-arrow {
transform: translateX(6px);
}
@media (prefers-reduced-motion: no-preference) {
.qrix-card-media img {
transition: transform 0.6s ease;
}
.qrix-card-arrow {
transition: transform 0.3s ease;
}
}html body a.qrix-glossar,
html body a.qrix-glossar:visited {
color: inherit;
text-decoration: underline dotted;
text-decoration-thickness: 2px;
text-underline-offset: 0.2em;
text-decoration-color: var(--qrix-glossar-akzent, currentColor); position: relative;
z-index: 2;
}
html body a.qrix-glossar:hover,
html body a.qrix-glossar:focus-visible {
color: inherit;
text-decoration-style: solid;
} .qrix-glossar-popup {
position: absolute;
z-index: 99999;
box-sizing: border-box;
max-width: min(22rem, calc(100vw - 2rem));
padding: 0.875rem 1rem;
background: var(--qrix-glossar-hintergrund, #fff);
color: var(--qrix-glossar-text, #1b1b1b);
border: 1px solid var(--qrix-glossar-rahmen, #c9ced3);
border-radius: var(--qrix-glossar-radius, 8px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
font-size: 0.9375rem;
line-height: 1.45;
text-align: left;
text-transform: none;
letter-spacing: normal;
hyphens: auto;
}
.qrix-glossar-popup[hidden] {
display: none;
}
.qrix-glossar-popup-titel {
display: block;
margin-bottom: 0.25rem;
font-weight: 700;
}
.qrix-glossar-popup-text {
display: block;
}
.qrix-glossar-popup-mehr {
display: inline-block;
margin-top: 0.5rem;
font-weight: 700;
color: inherit;
text-decoration: underline;
text-underline-offset: 0.2em;
text-decoration-color: var(--qrix-glossar-akzent, currentColor);
} .qrix-glossar-kurz {
font-size: 1.25em;
line-height: 1.5;
}
.qrix-glossar-intern {
padding: 0.5rem 0.75rem;
border: 1px dashed var(--qrix-glossar-rahmen, #c9ced3);
font-size: 0.875em;
}
.qrix-glossar-hilfe {
margin: 2rem 0;
padding: 1rem 1.25rem;
border-left: 4px solid var(--qrix-glossar-akzent, currentColor);
background: rgba(0, 0, 0, 0.04);
border-radius: 0 var(--qrix-glossar-radius, 8px) var(--qrix-glossar-radius, 8px) 0;
}
.qrix-glossar-hilfe p:last-child {
margin-bottom: 0;
} .qrix-glossar-buchstaben ul {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
margin: 0 0 2rem;
padding: 0;
list-style: none;
}
.qrix-glossar-buchstaben a {
display: inline-block;
min-width: 2.75rem;
min-height: 2.75rem;
box-sizing: border-box;
padding: 0.5rem;
text-align: center;
font-weight: 700;
}
.qrix-glossar-gruppe {
margin-bottom: 2rem;
scroll-margin-top: 6rem;
}
.qrix-glossar-gruppe dt {
margin-top: 1rem;
font-weight: 700;
}
.qrix-glossar-gruppe dd {
margin: 0.25rem 0 0;
}
@media (prefers-reduced-motion: no-preference) {
.qrix-glossar-popup {
animation: qrix-glossar-ein 0.12s ease-out;
}
}
@keyframes qrix-glossar-ein {
from {
opacity: 0;
transform: translateY(2px);
}
}